#react-router-dom

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에서 공식 문서에서 관련 내용을 찾질 못해서, 궁금해서 질문드립니다. 감사합니다

기술

#react-router-dom

#react

#프론트엔드

답변 1

댓글 0

조회 122

react route css

react routes 경로중 특정 경로에만 적용하고 싶은 css가 있는 경우 어떻게 해야 하나요?? 현재는 index.css에 모든 routes경로의 스타일이 적용되어 있는 상태입니다. 특정 경로를 감싸난 css provider가 있을까요??

기술

#react

#react-router-dom

#css

답변 3

댓글 0

조회 156

React-Router-Dom 경로 관련 질문 있습니다.

현재 제 App.jsx 파일은 아래 사진과 같습니다. 기능별로 url을 구분했는데, 사용되는 페이지가 매우 많고 보여지는 것도 달라 개별 페이지들이 모두 필요합니다. 그러다보니 App.jsx에서 너무 많은 모듈(페이지 컴포넌트)들을 다 가져와서 파일의 import 부분이 너무 길고 지저분해 보입니다..ㅠㅠ 혹시 이를 개선할 방법이 있을지 궁금합니다.

기술

#react

#react-router-dom

답변 1

댓글 1

Up 3

조회 156