react跳转传参方式

import { Route, BrowserRouter as Router } from 'react-router-dom';
import Home from './Home';
import Detail from './Detail';
const App = () => (
  <Router>
    <div>
      <Route exact path="/" component={Home} />
      <Route path="/detail/:id" component={Detail} />
    </div>
  </Router>
);
export default App;

import { Link } from 'react-router-dom';
const Home = () => (
  <div>
    <h2>Home</h2>
    <ul>
      <li><Link to="/detail/1">Detail 1</Link></li>
      <li><Link to="/detail/2">Detail 2</Link></li>
      <li><Link to="/detail/3">Detail 3</Link></li>
    </ul>
  </div>
);
export default Home;

import { useParams } from 'react-router-dom';
const Detail = () => {
  let { id } = useParams();
  return (
    <div>
      <h2>Detail {id}</h2>
    </div>
  );
}
export default Detail;