React.StrictMode

1807 단어 ReactReact
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번 호출하도록 만들어 오류를 더 쉽게 포착할 수 있도록 한다.

좋은 웹페이지 즐겨찾기