在Next.js环境中使用React Router

在Next.js环境中使用React Router需要进行以下步骤：

npm install react-router-dom
在pages文件夹中创建一个名为_app.js的文件，并添加以下代码：
import { BrowserRouter as Router } from 'react-router-dom';
function MyApp({ Component, pageProps }) {
  return (
    <Router>
      <Component {...pageProps} />
    </Router>
export default MyApp;
创建一个名为Index.js的文件，作为主页面，并添加以下代码：
import { Link } from 'react-router-dom';
function Index() {
  return (
      <h1>Welcome to Next.js</h1>
            <Link to="/about">About</Link>
            <Link to="/contact">Contact</Link>
export default Index;
创建一个名为About.js的文件，并添加以下代码：
function About() {
  return (
      <h1>About Page</h1>
      <p>This is the about page.</p>
export default About;
创建一个名为Contact.js的文件，并添加以下代码：
function Contact() {
  return (
      <h1>Contact Page</h1>
      <p>This is the contact page.</p>
export default Contact;
通过以上步骤，你可以在Next.js环境中使用React Router来实现路由导航。