使用Next重定向到ReactJS类组件中的新页面

Question

我的项目是基于ReactJS类组件构建的。我不知道NextJS，不幸的是我也不擅长react-router。然而，我尝试了一些东西。

import React, { Component } from 'react';
import useRouter from 'next/router';
class App extends Component {

Router = useRouter()
render() {
return <div>
<div style={{ display: 'flex', justifyContent: 'center' }}>
<button  onClick={() => Router.push('https://www.google.com/')}> Join </button>
</div>
</div>
}
}

export default App;

我知道它是错误的，因此得到一个错误。这里我只想重定向到谷歌主页后，点击按钮。请帮助。

Answer 1

你这样导入内置的next路由器:

import {useRouter} from 'next/router'
// const router = useRouter() - inside a componenet

那么你做:

router.push('...')

编辑

顺便问一下，为什么不直接用<a href='google.com'>Google</a>呢?