[React] withRouter를 사용하는 이유

react를 사용하다보면, 다른 주소로 링크를 옮겨야 하는 경우가 있는데,

 

크게 2가지로 나눌 수 있다.

 

1. Link를 사용하여 옮기기

2. history 프로퍼티를 사용해서 옮기기.

 

근데, 하위 컴포넌트인 경우에 history에 접근할 수 없다.

 

그렇기 때문에 withRouter를 사용해서 상위 라우터의 history와 연결시켜 줄 수 있다.

 

물론 history말고도 라우트가 아닌 컴포넌트에서 라우터에서 사용하는 객체 - location, match, history 등을 사용하려면, withRouter를 사용해야한다.

한번 누르면 2시간동안 보이지 않아요 ㅎㅎ 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

원치 않을 경우 를 눌러주세요