애플리케이션 상태를 추적하는 것은 단일 페이지 애플리케이션(SAP)이 변경 사항을 기록하고 사용자에게 보고하는 방식입니다. 템플릿 프레임워크, 보기, 컨트롤러(MVC)와 달리 SAP는 사용자를 리디렉션하지 않으므로 클라이언트 측에서 예정된 변경 사항을 관리하는 방법이 필요합니다. MVC 프레임워크를 검토하려면 이 가이드를 참조하세요.
React에서 구성 요소 자체는 자체 상태를 처리하고 그에 따라 다시 생성할 수 있습니다. 이것은 여기에서 자세히 설명하는 수명 주기 방법을 통해 수행됩니다. 이 기사의 목적을 위해 setState를 사용하여 상태를 변경하는 방법을 살펴보겠습니다.
이 가이드에서는 React에 대한 기본적인 지식이 있다고 가정합니다. React 기본 사항을 검토하거나 배우기 위해 이 문서에서는 최고의 React 학습 리소스 중 일부를 나열합니다.
React setState란 무엇입니까?
React setState 메소드는 컴포넌트의 상태를 안정적으로 변경하는 것과 같습니다. React에서 상태를 변경하기 위한 몇 가지 특정 규칙이 있습니다.
- setState는 클래스 구성 요소에서 호출할 수 없습니다. 클래스의 구성 요소는 생성자() 메서드
를 호출하고 초기 상태로 설정합니다. 그런 다음 setState를 호출하여 상태를 더 아래로 변경할 수 있습니다.
React에는 두 가지 유형의 구성 요소가 있습니다. 기능적 구성 요소와 클래스 구성 요소입니다. 우리의 목적을 위해, 우리는 클래스의 구성 요소에 대해서만 이야기하고 있습니다. 기능 구성 요소와 클래스 구성 요소의 차이점에 대한 이 기사 를 더 자세히 살펴보십시오. - 클래스 구성 요소의 경우 this 키워드를 사용하여 구성 요소 자체를 직접 참조할 수 있습니다.
this.setState()
를 호출하는 것이 모범 사례이며 코드가 손상되지 않도록 합니다. - 상태를 직접 수정하지 마십시오. React to Spawning에서는 직접적인 상태 변경이 기록되지 않습니다. 상태 변경의 요점은 해당 구성 요소의 새로운 해석을 트리거하여 사용자의 변경 사항을 반영하는 것입니다.