如何在Reactjs中使用react-router-dom进行路由？

npm install react-router-dom

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

function App() {
  return (
    <Router>
      {/* 路由配置 */}
    </Router>
  );
}

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
      </Switch>
    </Router>
  );
}

function Home() {
  return <h1>Home Page</h1>;
}

function About() {
  return <h1>About Page</h1>;
}

function Contact() {
  const handleClick = () => {
    // 路由跳转
    history.push('/about');
  };

  return (
    <div>
      <h1>Contact Page</h1>
      <button onClick={handleClick}>Go to About Page</button>
    </div>
  );
}