useState란?
const [count, setCount] = useState(0);동작
- 배열 디스트럭처로 [값, setter]
- setter 호출 시 리렌더 트리거
- 초기값은 첫 렌더에만 평가 (lazy init은 함수 전달)
주의
setter는 비동기적 — 직후 값 조회 시 옛 값. 연속 업데이트는 updater 함수(setCount(c => c + 1))로.
React에서 함수 컴포넌트의 상태를 선언하는 가장 기본 훅.
const [count, setCount] = useState(0);setter는 비동기적 — 직후 값 조회 시 옛 값. 연속 업데이트는 updater 함수(setCount(c => c + 1))로.