使用 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

你像这样导入内置的下一个路由器：

import {useRouter} from 'next/router'

// const router = useRouter() - inside a componenet

然后你做：

router.push('...')

编辑

对了，你为什么不直接使用<a href='google.com'>Google</a>？