state update

useState는 현재 값과 다음 값을 예약하는 함수를 함께 준다

state 값은 현재 렌더의 스냅샷이고 setter는 다음 렌더에서 사용할 값을 예약한다.

01 render 현재 state 읽기 화면 계산

02 event setter 호출 다음 값 예약

03 schedule 업데이트 큐 React가 렌더 준비

04 next render 새 state 반영 화면 다시 계산

요소

의미

주의

state 값

현재 렌더 스냅샷

즉시 바뀐 변수 아님

setter

업데이트 예약

직접 대입 금지

함수형 업데이트

이전 값 기반

연속 호출에 안전

재렌더

새 값 적용

렌더 중 setter 금지

핵심 useState의 핵심은 값 하나와 그 값을 다음 렌더로 넘기는 예약 함수의 쌍이다.