components跳转怎么携带参数

在 React 中，可以使用 `react-router-dom` 库来进行路由跳转。如果需要携带参数，可以使用 `Link` 组件的 `to` 属性传递一个对象，对象中包含需要传递的参数。例如：

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

<Link to={{pathname: '/detail', search: '?id=123'}}>Go to Detail</Link>

在上面的例子中，我们传递了一个包含 `pathname` 和 `search` 两个属性的对象。`pathname` 表示跳转的路径，`search` 表示传递的参数。在接收参数的组件中，可以使用 `props.location.search` 获取传递的参数。例如：

function Detail(props) {
  const searchParams = new URLSearchParams(props.location.search);
  const id = searchParams.get('id');
  return (
    <div>
      <h1>Detail {id}</h1>
    </div>
  );
}

在上面的例子中，我们使用 `URLSearchParams` 对象来解析传递的参数，并从中获取 `id`。