React.StrictMode
import React from 'react';
import ReactDOM from 'react-dom';
import App from "components/App";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
React를 쓰다보면 React.StrictMode
로 렌더링하는 걸 볼 수 있다.
이게 뭐지?
create-react-app
으로 만든 리액트 프로젝트는 기본적으로 index.js에 React.StrictMode
를 설정한다.
이 설정을 지우지 않으면 console.log
가 2번씩 실행된다.
개발 상황에서 의도적으로 console.log
를 2번 호출하도록 만들어 오류를 더 쉽게 포착할 수 있도록 한다.
Author And Source
이 문제에 관하여(React.StrictMode), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ychxexn/React.StrictMode저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)