エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
GatsbyJSでlocation(現在のURL)を取得する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
GatsbyJSでlocation(現在のURL)を取得する方法 - Qiita
GatsbyJSではbuilding中はブラウザーと切り離されるためwindowメソッドからのlocation取得の手法が使え... GatsbyJSではbuilding中はブラウザーと切り離されるためwindowメソッドからのlocation取得の手法が使えません(参考:CSS TRICKS - How to Get the Current Page URL in Gatsby) そのためGatsbyJSにデフォルトで入っている機能を使って取得しないといけないため少しややこしいです。 最初は import { useLocation } from 'react-router-dom' から引っ張れるかなと思ったら上手くいかず。 ※@react/routerではなく@reach/routerです。記載ミスのため修正しました。 propsのlocationを親要素から取り出す GatsbyJSの公式サイト Location Data from Props に記載されているようにクライアントサイドのルーティングにはデフォルト