State 란?
컴포넌트의 상태!
- 시계라는 component는 State로 현재 시간을 가질수 있다!
- useState는 component를 간단하게 생성하고 update 가능하게 해준다!
useState 의 기본 구조!
const[ state, setState] = useState(초기값);
- 우리의 현재 초기값은 state에 저장되어있다!
- 변경시켜주고 싶을 땐 setState를 사용하여 간단하게 변경해줄수 있다!
- setState(6); 함수를 사용하면 업데이트(렌더링) 이 된다!
- 좀더 시계같이 바꿔보자!
값을 입력하여 출력해보자!
자세한 설명은 코드를 살펴보자!
본 페이지는 유튜브 별코딩님의 영상을 참고 하였습니다.
728x90
'REACT' 카테고리의 다른 글
| React Hooks 5.useMemo (0) | 2022.11.21 |
|---|---|
| React Hooks 4.useContext (0) | 2022.11.20 |
| React Hooks 3.useRef (0) | 2022.11.19 |
| React Hooks 2.useEffect (0) | 2022.11.17 |
| 1장! React Hooks의 종류! (0) | 2022.11.17 |