반응 호출 setstate 후에 어떤 일이 발생합니까?

react가 setstate를 호출한 후 발생하는 상황: 1. 들어오는 매개변수 개체를 구성 요소의 현재 상태와 병합하여 조정 프로세스를 시작합니다. 2. 새 상태를 기반으로 React 요소 트리를 구축하고 전체 UI 인터페이스를 다시 렌더링합니다. 3. 요소 트리 가져오기 이후 React는 새 트리와 이전 트리 간의 노드 차이를 계산한 다음 최소화하고 다시 렌더링합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

React가 setstate를 호출한 후 무슨 일이 일어났나요?

React는 페이지를 다시 렌더링하도록 setState 메서드를 설계했습니다.

상태를 업데이트하기 위해 setState()를 작성하는 두 가지 방법

setState(updater, [callback]), 업데이트 프로그램이 반환됩니다. stateChange 객체 함수: (state, props) => stateChange 수신된 상태 및 props는 최신

setState(stateChange, [callback])이 보장됩니다. stateChange는 객체이고, 콜백은 선택적 콜백 함수입니다. 업데이트되고 인터페이스가 업데이트됩니다. 그러면 실행

요약: 객체 메소드는 함수 메소드의 약어입니다. 새 상태가 원래 상태에 의존하지 않는 경우 ===> 원래 상태 ===> 필요한 경우 setState()에서 함수 메서드를 사용하여 최신 상태 데이터를 가져옵니다.

를 읽고 두 번째 콜백 함수에서 setState를 호출한 후에는 어떻게 되나요?

코드에서 setState 함수를 호출한 후 React는 전달된 매개변수 객체를 구성 요소의 현재 상태와 병합한 다음 소위 조정 프로세스(Reconciliation)를 시작합니다.

조정 프로세스가 끝나면 React는 상대적으로 효율적인 방식으로 새로운 상태를 기반으로 React 요소 트리를 구축하고 전체 UI 인터페이스를 다시 렌더링하는 작업을 진행합니다.

React가 요소 트리를 얻은 후 React는 자동으로 새 트리와 기존 트리 간의 노드 차이를 계산한 다음 차이를 기반으로 인터페이스를 최소화하고 다시 렌더링합니다.

차이 계산 알고리즘에서 React는 어느 위치가 변경되었는지, 어떻게 변경해야 하는지 비교적 정확하게 알 수 있으므로 전체 다시 렌더링 대신 주문형 업데이트가 보장됩니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응 호출 setstate 후에 어떤 일이 발생합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!