인프런 커뮤니티 질문&답변
작성한 질문수
선생님 안녕하세요. 렌더링 질문있습니다.
작성
·
215
2
Counter 함수를 정의하고 상태가 변화하면서 리렌더링 되는지 확인하려고 console을 찍어봤는데 영상과 다르게 두 번 찍히더라구요. App.js에서 Counter 컴포넌트를 두 번 정의하지도 않았는데 console이 두 번 찍히는 경우는 어떤게 잘못된걸까요? 소스 코드는 선생님과 동일합니다.
답변 1
6
이정환 Winterlood
지식공유자
안녕하세요 이정환입니다.
혹시 콘솔에 두번 찍히는 경우 메세지 하나는 흰색 다른 하나는 회색으로 나오나요?
그렇다면 흰색 메세지만 집중해서 살피시면 됩니다.
회색 메세지는 React Developer Tools의 메세지일 가능성이 높습니다.
만약 흰색 메세지로 둘 다 나온다면
index.js의 StrictMode가 적용되어 그렇습니다.
StrictMode를 제거하신 다음 다시 확인해 보시기 바랍니다.