はじめに

今回はReactとNext.jsでURLの情報を取得する方法を書いていきます。

Reactの場合

ReactでURLのパラメータを取得するには、「useLocation()」が使えます。
まずは、「react-router-dom」をインストールしてください。

以下がサンプルコードになります。
「localhost://3000/Favorite」の場合

結果☟

Next.jsの場合

Next.jsでURLのパラメータを取得するには、useRouter()が使えます。
以下がサンプルコードになります。
「localhost://3000/books」の場合

結果☟

参考

参考にしたドキュメントです。

https://reactrouter.com/en/main/hooks/use-location

https://nextjs.org/docs/pages/api-reference/functions/use-router

最後に

他にも色々な記事を書いているので、よければ読んでいってください、、、

https://qiita.com/hukuryo/items/97797a91d7e2ee0bcabc

https://qiita.com/hukuryo/items/265c676d17fe21e75242

https://qiita.com/hukuryo/items/ebeb26823f944f143b11
[cv:issue_marketplace_engineer]