[React] withRouter를 사용하는 이유

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

 

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

 

1. Link를 사용하여 옮기기

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

 

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

 

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

 

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