如何在 nextjs 类组件中以编程方式路由到或导航到路由？

Question

我正在使用 nextjs 构建一个简单的应用程序。我的大部分组件都是功能组件。但是，我有一个类组件来处理表单。

我想在提交表单后重定向到主页。console.log(this.router)给出未定义。由于它是一个类组件，我无法使用useRouter()钩子。如何在 next.js 的类组件中获取对路由器的引用？

Answer 1

终于我得到了答案，

import Router from 'next/router'

并使用Router.push(...)

从 Next 13 开始，从以下位置导入路由器next/navigation