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

Question

In Next.js kenne ich den next/router 和 next/navigation 都有一个 useRouter()-Hook, aber das zurückgegebene Objekt ist anders. Warum hat Next.js bei beiden Routing-Paketen den gleichen Hook?

Answer 1

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

引自doc：

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