React.js:如何在单击菜单时重定向到另一个页面？

npm install react-router-dom

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

render() {
  return (
    <Router>
      {/* 菜单 */}
      <nav>
        <ul>
          <li>
            <Link to="/">首页</Link>
          </li>
          <li>
            <Link to="/about">关于</Link>
          </li>
        </ul>
      </nav>

      {/* 路由配置 */}
      <Route path="/" exact component={Home} />
      <Route path="/about" component={About} />
    </Router>
  );
}

class Home extends React.Component {
  render() {
    return <h1>首页</h1>;
  }
}

class About extends React.Component {
  render() {
    return <h1>关于</h1>;
  }
}