React 상태

이 글에서 사용하는 함수 컴포넌트는 입력을 바탕으로 화면 조각을 계산하는 함수이고, 렌더링은 React가 그 함수를 실행해 화면을 계산하는 과정이다. 각 렌더링에서 상태는 그 렌더링을 위한 스냅샷처럼 동작한다. 상태 설정 함수를 호출해도 현재 실행 중인 코드의 상태 변수가 즉시 바뀌는 것이 아니라, 다음 렌더링을 요청한다.

React는 다음 상태가 현재 상태와 Object.is로 같으면 업데이트를 생략할 수 있다. 따라서 객체 상태를 직접 바꾼 뒤 같은 객체를 전달하면 새 상태라는 신호를 주지 못한다. 기존 객체를 바꾸지 말고 새 객체를 상태 설정 함수에 전달해야 한다.