如何从react本机导航中的页眉按钮导航到新页

npm install react-router-dom

import { BrowserRouter as Router, Link, Route } from 'react-router-dom';

import React from 'react';

const AboutPage = () => {
  return (
    <div>
      <h1>About</h1>
      <p>This is the about page.</p>
    </div>
  );
};

export default AboutPage;

import React from 'react';
import { Link } from 'react-router-dom';

const Header = () => {
  return (
    <header>
      <nav>
        <ul>
          <li>
            <Link to="/about">About</Link>
          </li>
          {/* 其他导航按钮 */}
        </ul>
      </nav>
    </header>
  );
};

export default Header;

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import Header from './Header';
import AboutPage from './AboutPage';

const App = () => {
  return (
    <Router>
      <Header />
      <Route path="/about" component={AboutPage} />
      {/* 其他路由设置 */}
    </Router>
  );
};

export default App;