ReactでURLを取得する方法

まず、ルーティングライブラリをインストールします。ターミナルで以下のコマンドを実行してください。

npm install react-router-dom

ルーティングライブラリを使用するコンポーネントで、useLocationフックをインポートします。

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

コンポーネント内でuseLocationフックを使用して、現在のURLの情報を取得します。

function MyComponent() {
 const location = useLocation();
 console.log(location.pathname);  // 現在のパス名を表示
 console.log(location.search);    // クエリパラメータを表示
 console.log(location.hash);      // ハッシュを表示
 // 他の処理...
}

location.pathnameは現在のパス名を表し、location.searchはクエリパラメータを表します。また、location.hashはURLのハッシュ部分を表します。