next/router と next/navigation の違いは何ですか?

Question

Next.js では、next/router と next/navigation の両方に useRouter() フックがあることがわかりましたが、返されるオブジェクトは異なります。 Next.js の両方のルーティング パッケージに同じフックがあるのはなぜですか?

Answer 1

next/router の useRouter は Next.js の Pages フォルダーで使用されます ルーティングの最初の方法を設定します。 v13 から、app (下の画像に示されている最後の質問に「はい」と答えるときに使用) という新しいディレクトリが導入され、 に基づいて構築されました。サーバー コンポーネント では、ルートを別の方法で定義し、next/navigation から useRouter を使用できます:

ドキュメント

から引用: 左の図に示すように、関連ドキュメントを取得するルーターのタイプを選択できます。