react-导航推送到具有一些不同参数的同一屏幕

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

const Screen = ({ match }) => {
  const { params } = match;
  return (
    <div>
      <h2>屏幕</h2>
      <<p>参数: {params.param}</p>
    </div>
  );
};

const App = () => (
  <Router>
    <div>
      <ul>
        <li>
          <Link to="/screen/param1">屏幕1</Link>
        </li>
        <li>
          <Link to="/screen/param2">屏幕2</Link>
        </li>
        <li>
          <Link to="/screen/param3">屏幕3</Link>
        </li>
      </ul>

      <hr />

      <Route path="/screen/:param" component={Screen} />
    </div>
  </Router>
);

export default App;