react跳转页面传参

在React中，跳转页面并传递参数可以通过以下步骤实现：

1. 在需要跳转的组件中，导入 `react-router-dom` 库中的 `Link` 组件。

2. 在需要传递参数的组件中，使用 `Link` 组件进行跳转，并通过 `to` 属性指定跳转的路由，并通过 `state` 属性传递参数。

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

   <Link
     to={{
       pathname: '/my-route',
       state: {
         myParam: 'paramValue',
       },
     }}
   >
     Go to My Route
   </Link>

3. 在接收参数的组件中，可以通过 `location` 对象的 `state` 属性获取传递的参数。

   function MyRouteComponent({ location }) {
     const { myParam } = location.state;
     return <div>{myParam}</div>;
   }

需要注意的是，使用 `state` 属性传递参数时，传递的数据只能是简单的 JavaScript 对象，不能是函数或类等复杂类型。此外，参数也不会出现在 URL 中，因此如果需要使用 URL 中的参数进行页面渲染，需要使用 `props.match.params` 或 `props.location.search` 等方式获取。