どう書けば正解なのかわからず名詞が間違っているかもしれませんが、パンくずなどを作るときに必要となる「ページのパス」を取得する方法です。
実現したいこと
- Resct-Static V7 使用
- コンポーネント内で表示されているページのパスを取得する
location.pathnameと同じような感じと書くとわかり良いかもしれません。
サンプルコード
import { useRoutePath } from 'react-static'
export const example = () => {
const routePath = useRoutePath(routePath)
return (
<p>{routePath}</p>
)
}
useRoutePathを利用すれば簡単に取得できます。
説明用の場所ではないですが、上記ページでこの使い方を知りました。
結び
ページのパスを取得する方法がわからずかなり悩んでいたのですが、わかれば簡単な記述で実現できました。
0人がこの記事を評価
役に立ったよという方は上の「記事を評価する」ボタンをクリックしてもらえると嬉しいです。
連投防止のためにCookie使用。SNSへの投稿など他サービスとの連動は一切ありません。
