상태의 개념 탐색
속성(props라고도 함)과 상태는 모든 React 애플리케이션의 가장 중요한 두 부분입니다. 일반적인 React 애플리케이션에서 사용자는 페이지를 조작하여 애플리케이션의 항목을 변경합니다. 변경 내용에는 양식 채우기나 항목 탭하기가 포함될 수 있습니다. 따라서 애플리케이션이 사용자 요청에 응답할 수 있는지 확인해야 합니다.
속성
‘속성’은 React 구성 요소에 전달되는 값입니다. 이 데이터 복사본은 구성 요소가 자동으로 렌더링될 수 있도록 설계되었습니다. 속성은 ‘변경 불가능한’(읽기 전용) 값입니다.
시스템 상태
‘상태’는 애플리케이션 수명 주기 동안 변경될 것으로 예상되는 모든 데이터를 저장합니다. 변경 내용은 양식을 통해 업데이트된 값, 완료된 것으로 표시된 할 일 항목 또는 페이지에 표시해야 하는 업데이트된 서버 데이터일 수 있습니다. 기본적으로 값이 변경될 수 있는 경우 애플리케이션 상태에 포함되어야 합니다.
불변성
React 원칙 중 하나는 ‘불변성’의 개념입니다. 불변성은 값이 업데이트되지 않고 새 데이터 복사본으로 설정됨을 의미합니다.
상태를 변경 불가능으로 유지함으로써 원래 값이 여전히 존재하기 때문에 React에서 변경된 내용을 더 잘 확인할 수 있습니다. 새 복사본을 계속 사용하므로 기록을 저장하거나 다른 고급 기능을 적용할 수 있습니다.