내 React 구성 요소가 엄격 모드에서 두 번 렌더링되는 이유는 무엇입니까?

내 React 구성 요소가 두 번 렌더링되는 이유는 무엇입니까?

질문:

React 구성 요소는 올바르게 작동하는 것처럼 보임에도 불구하고 두 번 렌더링됩니다. 처음에는 전화번호와 영점을 표시한 후 필요한 모든 데이터가 포함된 두 번째 렌더링이 표시됩니다. 이 문제의 원인은 무엇입니까?

답변:

이 동작은 애플리케이션을 엄격 모드로 실행했기 때문에 발생할 가능성이 높습니다.

엄격 모드는 선택적 플래그입니다. 렌더링 단계에서 잠재적인 부작용을 식별하는 데 도움이 되는 React. 활성화되면 의도하지 않은 결과를 강조하기 위해 의도적으로 렌더링 메서드와 같은 특정 기능을 두 번 호출합니다.

이 경우 호출을 두 배로 늘리는 React.StrictMode를 사용하여 예기치 않은 다시 렌더링이 발생합니다. 렌더링 기능. 문제를 해결하려면 index.js의 strict 모드 태그를 주석 처리하여 개발 중에 비활성화하세요.

추가 정보:

React.StrictMode는 부작용을 감지하는 데 도움이 될 수 있습니다. DOM과의 상호 작용 또는 상태 업데이트와 같은 렌더링 단계에서. 의도적으로 함수를 두 번 호출함으로써 간과될 수 있는 예상치 못한 동작을 강조 표시합니다.

React.StrictMode 공식 문서는 엄격 모드에서 다시 렌더링하는 잠재적인 원인에 대한 자세한 정보를 제공합니다.

https://reactjs.org/docs/strict-mode.html#Detecting-unexpected-side-events

위 내용은 내 React 구성 요소가 엄격 모드에서 두 번 렌더링되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!