[React] useLocation() 사용하여 현재 URL 정보 가져오기

useLocation을 사용하기 위해서는 라우터 설치가 필수다. 자세한 세팅 방법은 router 세팅하기 페이지에서 참고하면 된다.

npm install react-router-dom

useLocation() 사용 방법

1) useLocation을 import 한다.

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

2) 변수에 useLocation 정보를 담는다.

const location = useLocation();

3) console.log에서 출력해보고, 원하는 정보를 가져다 사용하면 된다.

const location = useLocation();

useEffect(() => {
  console.log(location);
}, [ location ])