일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 고급안내서
- Next13
- React 18 Nextjs
- React18
- background setInterval
- React 18
- CSS
- Javascript
- context
- Nextjs
- getUTCDate
- next13 head
- background setttimeout
- background tab
- codingtest
- React 고급안내서
- React API 참고서
- notFound()
- react
- hook
- React 고급 안내서
- React 공식문서
- react hook
- RTK Query
- Programmers
- Nextjs React 18
- background: url
- Babel
- Render Props
- react-helmet
Archives
- Today
- Total
목록Hook의 개요 (1)
akjfal
Hook의 개요
16.8부터 새로 추가된 기능입니다. class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. State Hook function Example(){ const [count, setCount] = useState(0); function onClick = () => { setCount(count+1); } } useState가 Hook입니다. Hook을 사용해 함수 컴포넌트 안에 state를 추가했는데, state는 다시 렌더링되어도 그대로 유지됩니다. this.state와 비슷하지만 이전 state와 새로운 state를 합치지 않는다는 점이 차이점입니다. Hook이란 함수 컴포넌트에서 React state와 생명주기 기능을 연동 할 수 있게 해주는 함수입니다. Hoo..
(구)React 공식문서/HOOK
2023. 2. 16. 10:50