인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

emJ님의 프로필 이미지
emJ

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

11.3) Context 분리하기

아이템 랜더

해결된 질문

작성

·

247

0

안녕하세요

제 콘솔창에는 이렇게 2줄씩 아이템이 2배로 랜더가 되는데 왜 그런걸까요? 샌드박스에서는 제가 작성한 코드로 실행하면 정상 작동합니다.

혹시나 해서 공유해주신 코드로도 실행했는데 이런식으로 뜹니다.

스크린샷 2022-09-04 오후 11.01.15.png

답변 1

4

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

2번씩 렌더링되는 이유는 StrictMode 설정 때문일 가능성이 높습니다.

따라서 Index.js에서 React.StrictMode 컴포넌트를 제거 해 주시면 한번만 렌더되는 것을 확인하실 수 있습니다.

emJ님의 프로필 이미지
emJ

작성한 질문수

질문하기