11.15.22{코딩일기}벨로퍼트와 함께하는 모던리액트 5-5 챕터리뷰

[ 새롭게 알게된 것 ]

---

1. with Router의 치명적인 단점은 라우트가 변경되었을때 페이지를 자동 리렌더링 되지 않음

---

이로인해 직접 Hoc를 커스텀해서 리렌더링 되도록 설정해야 되는 불편함이 있었음.

하지만 서드파티 라이브러리인 react router Hook이 등장하면서 이런 불편함이 사라짐.

그중 하나가 yarn을 사용해 use-react-router라는 npm 패키지를 설치해 라우터 hook을 사용하는 방법이 있음.

하지만 v6부터는 아래 Hook 사용을 권장함

• useHistory
• useLocation
• useParams
• useRouteMatch

---

참조: https://charles-stover.medium.com/how-to-convert-withrouter-to-a-react-hook-19bb02a29ed6

How to convert withRouter to a React Hook