React-Rotuer에서 동일한 Path의 Link 클릭시 매번 모든 컴포넌트가 리렌더링되나요?
안녕하세요, 프론트엔드로 전향하기 위해 퇴사하고 프론트엔드를 공부중인 취준생입니다. 저는 React-Router는 Link(useNavigate)는 History API로 기반으로 변화된 부분만 리렌더링한다고 알고 있었습니다. 그런데, Link버튼을 클릭 후 react-developer-tools에서 "Highlight updates when components render" 옵션으로 확인해보았더니 모든 컴포넌트가 리렌더링 되었다고 표시되는걸 발견하였습니다. 동일한 Link를 여러번 클릭할때마다 리렌더링 되었다고 Highlight됩니다. [질문] 1. 동일한 Link 컴포넌트를 여러번 클릭시 매번 리렌더링이 일어나는건가요? 2. 실제로도 그렇다면, 성능을 고려했을때 동일한 Path인 경우 Link가 동작하지 않도록 구현하는게 좋을까요? react-router에서 공식 문서에서 관련 내용을 찾질 못해서, 궁금해서 질문드립니다. 감사합니다
Loading...