useRouter
next/navigation
v.13から↑ここに入った
docs
docs(~12)
next/navigation
の
useRouter
はページ遷移系の関数しか持っていない
pathとか欲しい場合は、代わりに
usePathname
や
useSearchParams
を使う
#WIP
router object
を返す
code:ts
const {
asPath, // ブラウザで表示されている実際のパス
pathname, //
/
以降のパス。これは、nextで管理しているパス
query, // 普通にクエリ
back,
prefetch,
push,
replace,
reload
} = useRouter()
isFallback
とかあるっぽい
読み込み中にローディングを表示できる
getStaticPaths
使ってるときのみ？
Router.back()でpopできる
ref
Router.event.onとかで
Amplitude
の埋め込みとかができる
https://nextjs.org/docs/api-reference/next/router
https://qiita.com/tetsutaroendo/items/e444bd606c5fa79d2209#ルーターイベント
push()
第2,3引数あるのしらんかった
https://nextjs.org/docs/api-reference/next/router#routerpush