React Hook - ChoDragon9/posts GitHub Wiki
- ๊ณ์ธต ๋ณํ ์์ด ์ํ ๊ด๋ จ ๋ก์ง์ ์ฌ์ฌ์ฉํ ์ ์๋๋ก ๋์์ค
- ๋ก์ง์ ๊ธฐ๋ฐ์๋ ์์ ํจ์๋ก ์ปดํฌ๋ํธ๋ฅผ ๋๋ ์ ์์
function Example() {
const [count, setCount] = useState(0)
return (
<div>
<p>{count}</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
)
}
React Class์ componentDidMount
, componentDidUpdate
, componentWillUnmount
์ ๊ฐ์ ๋ชฉ์ ์ผ๋ก useEffect
๋ฅผ ์ ๊ณตํ๋ค.
function Example() {
const [count, setCount] = useState(0);
const [title, setTitle] = useState('');
useEffect(() => {
setTitle(`You Clicked ${count} times`)
});
function onClickButton() {
setCount(count + 1)
}
return (
<div>
<p>{title}</p>
<button onClick={onClickButton}>
Click me
</button>
</div>
)
}
- ์ต์์์์๋ง Hook์ ํธ์ถํด์ผ ํฉ๋๋ค.
- ๋ฐ๋ณต๋ฌธ, ์กฐ๊ฑด๋ฌธ, ์ค์ฒฉ๋ ํจ์ ๋ด์์ Hook์ ์คํํ๋ฉด ์๋๋ค.
- React ํจ์ ์ปดํฌ๋ํธ ๋ด์์๋ง Hook์ ํธ์ถํด์ผ ํ๋ค.
- ์ผ๋ฐ JavaScript ํจ์์์๋ Hook์ ํธ์ถํด์๋ ์๋๋ค.