エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Next.js】クエリパラメータを渡しつつ遷移先のURLには表示させない方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Next.js】クエリパラメータを渡しつつ遷移先のURLには表示させない方法
Next.jsにおいて、クエリパラメータを渡しつつ遷移先のURLには表示させずに参照する方法です。 あまりこ... Next.jsにおいて、クエリパラメータを渡しつつ遷移先のURLには表示させずに参照する方法です。 あまりこういったケースはないかもしれませんが、以前ハマってしまったので方法をふたつ書いておきます。 ⛰ 目的 ページ遷移時にクエリパラメータをオブジェクトの形で渡したい 遷移先のURLにはクエリパラメータを表示させたくない 遷移先で渡されたクエリパラメータを参照したい 遷移先へ直リンクした際はクエリパラメータは存在しないようにしたい 📦 前提 特定の箇所で一時的に参照するため、Redux(などの状態管理ライブラリ)は使わない /pages配下のファイル同士の受け渡しのため、Propsは使えない 💡 結論 Nextの<Link>コンポーネントで実現できる router.push()で実現できる Linkコンポーネントで実装する場合 /** * 遷移前のページ */ import Link