[React] ๊ณต์‹ ๋ฌธ์„œ / Hook / 3. State Hook ์‚ฌ์šฉํ•˜๊ธฐ

Hook๊ณผ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ - ๋‘˜ ๋‹ค ๊ฐ€๋Šฅ const Example = (props) => { // ์—ฌ๊ธฐ์„œ Hook์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค! return ; } function Example(props) { // ์—ฌ๊ธฐ์„œ Hook์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค! return ; } state๊ฐ€ ์—†๋Š” ์ปดํฌ๋„ŒํŠธ hook์€ state๋ฅผ ํ•จ์ˆ˜ ์•ˆ์—์„œ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ด์คŒ hook์€ ํด๋ž˜์Šค ์•ˆ์—์„œ ๋™์ž‘ X ํ•˜์ง€๋งŒ ํด๋ž˜์Šค๋ฅผ ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉ ๊ฐ€๋Šฅ Hook์ด๋ž€? ํŠน๋ณ„ํ•œ ํ•จ์ˆ˜. ์˜ˆ๋ฅผ ๋“ค์–ด useState๋Š” state๋ฅผ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ ์•ˆ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คŒ ์–ธ์ œ Hook ์‚ฌ์šฉ? ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ ์•ˆ์— state๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์„ ๋•Œ state ๋ณ€์ˆ˜ ์„ ์–ธ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ๋Š” this๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— this.state๋ฅผ..

WEB 2020. 12. 31. 10:27