본문 바로가기
Frontend#Frontend#React조회 1

useState란?

정의

React에서 함수 컴포넌트의 상태를 선언하는 가장 기본 훅.

useState란?

const [count, setCount] = useState(0);

동작

  • 배열 디스트럭처로 [값, setter]
  • setter 호출 시 리렌더 트리거
  • 초기값은 첫 렌더에만 평가 (lazy init은 함수 전달)

주의

setter는 비동기적 — 직후 값 조회 시 옛 값. 연속 업데이트는 updater 함수(setCount(c => c + 1))로.

🔗 함께 보면 좋은 용어

Frontend 전체 →