React에서 `setState()` 이후 `console.log`에 업데이트된 상태가 표시되지 않는 이유는 무엇입니까?

React의 setState() 메서드의 비동기성

React의 setState() 메서드는 일반적으로 비동기식이므로 console.log에서 상태를 올바르게 기록할 수 있음을 의미합니다. 호출한 후에도 아직 업데이트되지 않을 수 있습니다.

제공된 코드에서 코드 조각을 사용하면 총 합계를 올바르게 계산하고 이를 setState() 메서드에 전달하여 DealersOverallTotal 상태를 업데이트합니다. 그러나 코드는 직후에 this.state.dealersOverallTotal을 기록하며, 이는 상태를 업데이트할 시간이 충분하지 않았기 때문에 잘못된 값을 공개할 수 있습니다.

업데이트된 상태 값을 기록하려면 로그를 다음 위치에 두십시오. 상태 변경이 완료된 후 실행되는 setState() 콜백 함수:

this.setState({ dealersOverallTotal: total }, () => {
  console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1');
});

이 수정을 통해 console.log 문은 상태가 완료된 후에만 실행됩니다. 업데이트되어 정확한 합계가 표시됩니다.

위 내용은 React에서 `setState()` 이후 `console.log`에 업데이트된 상태가 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!