react 路由跳转固定携带一个参数

React 路由可以通过 URL 中的参数进行传递，例如：`/user/123`，其中 `123` 就是参数。如果想要固定携带一个参数，可以在路由配置中设置默认参数。假设要跳转到 `/user` 页面，并且固定携带参数 `id=123`，可以这样配置路由：

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

function App() {
  return (
    <Router>
      <nav>
        <ul>
          <li>
            <Link to="/user">User</Link>
          </li>
        </ul>
      </nav>

      <Switch>
        <Route path="/user/:id?" component={User} />
      </Switch>
    </Router>
  );
}

function User() {
  const { id } = useParams();
  return <h1>User {id || '123'}</h1>;
}

在上面的代码中，`Route` 组件的 `path` 属性设置为 `/user/:id?`，其中 `:id?` 表示参数 `id` 是可选的。在 `User` 组件中，通过 `useParams` 钩子可以获取到 `id` 参数。如果 URL 中没有传递 `id` 参数，则会使用默认值 `123`。这样就可以固定携带一个参数进行路由跳转了，例如：`<Link to="/user">User</Link>`。