더북(TheBook)

16.6.1 location

 

location은 현재 페이지의 주소 상태를 알려 줍니다. Post 페이지 컴포넌트에서 location을 조회하면 다음 결과가 나옵니다.

{
  “pathname”: “/posts/3”,
  “search”: “”,
  “hash”: “”,
  “key”: “xmsczi”
}

 

location 값은 어떤 라우트 컴포넌트에서 조회하든 같습니다. 주로 search 값에서 URL Query를 읽는 데 사용하거나 주소가 바뀐 것을 감지하는 데 사용합니다.

주소가 바뀐 것을 감지하려면 다음과 같이 컴포넌트 라이프사이클 메서드에서 location을 비교하면 됩니다.

componentDidUpdate(prevProps, prevState) {
  if(prevProps.location !== this.props.location) {
    // 주소가 바뀜
  }
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.