如何使用React Router传递参数？

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

const App = () => {
  return (
    <Router>
      <Route path="/user/:id" component={User} />
    </Router>
  );
};

import { useParams } from 'react-router-dom';

const User = () => {
  const { id } = useParams();

  return <div>User ID: {id}</div>;
};

import { withRouter } from 'react-router-dom';

const User = ({ match }) => {
  const { id } = match.params;

  return <div>User ID: {id}</div>;
};

export default withRouter(User);

import { Link } from 'react-router-dom';

const Home = () => {
  return (
    <div>
      <Link to="/user/123">User 123</Link>
    </div>
  );
};

import { useHistory } from 'react-router-dom';

const Home = () => {
  const history = useHistory();

  const handleClick = () => {
    history.push('/user/123');
  };

  return (
    <div>
      <button onClick={handleClick}>Go to User 123</button>
    </div>
  );
};