React로 Page를 개발하는데, Rendering이 두번씩 실행되는 경우가 있다. 한참을 코드 분석해도 원인을 알수 없다가, 우연히 해결했는데...
바로 Strict 모드 !! const StyledPage = () => { console.log('Rendering'); return ( styled-components 버튼1 버튼2 ); }; export default StyledPage; console을 찍으면 두번씩 호출 index.js - Strict 모드 주석처리 const root = ReactDOM.createRoot(document.getElementById('root')); root.render( // // ); console이 한번으로 줄었다.
그렇다고, Strict Mode를 사용하.....
원문 링크 : React Rendering이 두번씩 실행되는 경우
