State Update

useState는 현재 값과 값을 바꾸는 함수를 한 쌍으로 제공한다

state는 렌더링에 영향을 주는 컴포넌트 내부 값이며, setter를 호출하면 React가 다음 렌더를 예약한다.

상태 갱신 흐름

component memory

초기값

useState에 넘긴 값은 컴포넌트가 처음 렌더링될 때 상태의 시작점이 된다.

setter 호출

직접 값을 바꾸지 않고 setter로 다음 상태를 요청한다.

재렌더

상태가 바뀌면 React는 컴포넌트를 다시 호출해 새 UI를 계산한다.

initialstatesetrender
읽는 법

state를 즉시 바뀐 변수처럼 읽기보다, 다음 렌더에서 반영될 값으로 이해하면 업데이트 타이밍이 덜 헷갈린다.