如何在nextjs类组件中以编程方式路由或导航到路由？
提问于 2021-01-22 05:49:09
我正在使用nextjs构建一个简单的应用程序。我的大多数组件都是功能组件。但是，我有一个处理表单的类组件。
我想在表单提交后重定向到主页。console.log(this.router)给出了未定义的。因为它是一个类组件，所以我不能使用useRouter()钩子。如何在next.js中获取对类中路由器组件的引用？
回答 2
Stack Overflow用户
发布于 2021-01-22 05:49:09
最终我得到了答案，
import Router from 'next/router'并使用Router.push(...)
Stack Overflow用户
发布于 2021-01-22 13:49:18
作为直接使用next/router默认导出的替代方法，withRouter HOC还可以将路由器对象添加到任何组件。
import * as React from 'react'
import { withRouter } from 'next/router'
class Page extends React.Component {
render() {
const { router } = this.props
return <p>{router.pathname}</p>
}
}
export default withRouter(Page)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65839932
复制
相似问题
将类函数作为回调传递
将函数作为回调传递给函数
将函数引用作为回调函数传递
将useState设置函数作为回调传递
将异步函数作为回调参数传递？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
