Was ist der Unterschied zwischen next/router und next/navigation?

Question

Ich weiß, dass in Next.js sowohl next/router als auch next/navigation einen useRouter()-Hook haben, aber die zurückgegebenen Objekte sind unterschiedlich. Warum hat Next.js bei beiden Routing-Paketen den gleichen Hook?

P粉032900484 · Answer

useRouter来自 next/router 将在 中使用pages 文件夹，Next.js 中设置路由的初始方式。从 v13 开始，他们引入了一个名为 app 的新目录 （当您对下图中显示的最后一个问题说“是”时使用），构建在服务器组件，您可以在其中以不同方式定义路由并使用 useRouter 来自 next/navigation：

引自doc：

如左图所示，您可以选择想要获取相关文档的路由器类型：

引自doc：

如左图所示，您可以选择想要获取相关文档的路由器类型：