在react Link中使用params并在另一个组件中获取它的值？

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

const MyComponent = () => {
  const id = 123; // 要传递的参数值

  return (
    <Link to={`/other-component/${id}`}>跳转到其他组件</Link>
  );
};

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

const App = () => {
  return (
    <Router>
      <Switch>
        <Route path="/other-component/:id" component={OtherComponent} />
      </Switch>
    </Router>
  );
};

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

const OtherComponent = () => {
  const { id } = useParams(); // 获取参数值

  return (
    <div>参数值为：{id}</div>
  );
};