[react]useLocation()を使用して現在のURL情報を取得

useLocationを使用するには、ルータをインストールする必要があります.詳細な設定方法はルータの設定ページで参照できます.npm install react-router-dom

useLocation()の使用方法

1)useLocationをインポートします.

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

2)変数にuseLocation情報を含める.

const location = useLocation();

3) console.logから出力し、必要な情報を取得すればよい.

const location = useLocation();

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