[react] withRouter

남이섬·2023년 10월 5일
0

현재 작업중인 클레스컴포넌트에서 함수컴포넌트로 변형하는 도중 withRouter라는 개념에 있어서 확인 차 검색하게 되었다

withRouter

withRouter은 V5에서 사용되었고, V6에서는 지원하지 않는다

withRouter는 컴포넌트에서 라우터의 history, location, match를 이용하기 위한 기능이었다

v6 버전에서 navigate를 하기 위한 useNavigater Hook를 사용하면 된다
마찬가지로 함께 삭제된 match는 useParam으로 Location은 useLocation Hook를 사용하면 된다

추가적으로 주의할 점은 Hook의 초기화는 가장 상위 레벨의 함수에서 이루어져야한다
그래서 위 코드에서 navigate를 선언할 때 useEffect Hook 바깥에 선언해주게 되었다

profile
즐겁게 살자

0개의 댓글