如何在React Router 5.2.0中将props/params/state传递给带链路的路由？

npm install react-router-dom

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

const App = () => {
  return (
    <Router>
      <div>
        <Link to="/page1">Page 1</Link>
        <Link to="/page2">Page 2</Link>
        <Route path="/page1" component={Page1} />
        <Route path="/page2" component={Page2} />
      </div>
    </Router>
  );
};

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

const App = () => {
  return (
    <Router>
      <div>
        <Link to="/page1">Page 1</Link>
        <Link to="/page2">Page 2</Link>
        <Route
          path="/page1"
          render={(props) => <Page1 {...props} param1="value1" />}
        />
        <Route
          path="/page2"
          component={(props) => <Page2 {...props} param2="value2" />}
        />
      </div>
    </Router>
  );
};

const Page1 = (props) => {
  const { param1 } = props;
  // 使用param1
  return <div>Page 1</div>;
};

class Page2 extends React.Component {
  componentDidMount() {
    const { param2 } = this.props;
    // 使用param2
  }

  render() {
    return <div>Page 2</div>;
  }
}