useState 업데이트 선택 흐름
setter에 값을 바로 넣을지, 함수를 넣을지, 새 객체를 만들지, 초기값 계산을 지연할지는 state가 어디에 의존하는지에 따라 결정됩니다.
prev → copy → lazy init
01 이전 값 의존 여부 · 카운터 증가처럼 직전 state가 필요하면 setCount(prev => prev + 1) 형태를 고릅니다.…
함수형 업데이트
연속 클릭, 배치 업데이트, 비동기 이벤트처럼 최신 이전 값이 중요할 때 사용합니다.
불변성 유지
객체와 배열은 새 참조가 생겨야 React가 변경을 감지하고 다시 렌더링합니다.
지연 초기화
초기값 계산은 첫 렌더에만 필요하므로 함수로 넘겨 반복 비용을 피합니다.
핵심점검 질문 다음 state가 이전 state에서 나오면 함수형 업데이트를, 객체/배열이면 새 참조 생성을, 초기값 계산이 무거우면 지연 초기화를 먼저 떠올리면 대부분의 useState 실수를 줄일 수 있습니다.