동일하게 했는데 왜 저는 불필요한 렌더링이 발생할까요 ㅠㅠ?

21.01.31 23:38 작성 조회수 180

안녕하세요. 강의 재미있게 보고있습니다.
제가 강사님 코드랑 똑같이 따라서 해보고 있는데, 왜 성능 확인을 위한 highlight를 켰을 때 아래 이미지와 같이 불필요한 리렌더링이 발생하는 걸까요 ㅠㅠ?

PureComponent를 적용해도 동일한데, 어떤 문제인지 궁금합니다.

웹 게임을 만들며 배우는 React

5-4. 고차 함수와 Q&A

강의실 바로가기

답변 1

답변을 작성해보세요.

조현영

2021.02.01

일단 이미지쪽은 리렌더링이 맞고요. 다른 부분은 컴포넌트를 아예 분리하시면 하이라이트가 되지 않을겁니다. 저게 리렌더링된다고 해도 화면을 다시 그리는 건 아닙니다.