router.query.foo に値が存在する場合に、useState の値をセットする
メリット: ページをリロードした際に useState の値が保持される
code:ts
const router = useRouter()
const
foo, setFoo
= useState<string>("")
useEffect(() => {
if (router.query.foo && typeof router.query.foo === "string") {
setFoo(router.query.foo)
}
}
},
router.query.foo
)