[React] TypeError: Cannot read property 'location' of undefined

 

문제 및 원인

 

리액트 웹 개발 중 TypeError: Cannot read property 'location' of undefined 오류가 났다.

 

 

 

props의 history를 읽지 못하는 오류였다.

 

 

해결책

 

history, location, match는 라우터에서 사용하는 객체이므로

 

컴포넌트에서 사용하려면 withRouter를 이용해서 export 해야 한다.

 

 

기존

  export default 클래스 이름;

 

변경

  import { withRouter } from 'react-router-dom';

  export default withRouter(클래스 이름);

 

 

 

깨달은 점

 

export 할 때 항상 withAlert, whthRouter, connect 등을 썼는데 이유도 모른 채 썼다.

 

함수를 사용할 때 어떤 함수고, 왜 써야 하는지 알고 쓰자.