react路由跳转接受参数

React Router 提供了多种方式来传递参数：

1. URL 参数：通过 URL 中的参数传递数据，例如 `/user/:id`，其中 `:id` 就是参数。

2. 查询参数：通过 URL 中的查询参数传递数据，例如 `/user?id=123`。

3. 状态参数：通过路由状态传递数据，例如 `history.push('/user', { id: 123 })`。

下面以 URL 参数为例，演示如何在 React Router 中跳转并传递参数：

首先，在路由配置中定义参数：

<Route path="/user/:id" component={User} />

然后，在组件中获取参数：

class User extends React.Component {
  render() {
    const { id } = this.props.match.params;
    return <div>User {id}</div>;
  }
}

最后，在跳转时传递参数：

history.push('/user/123');

这样就可以在 `User` 组件中获取到参数 `123` 了。如果需要动态传递参数，则可以使用模板字符串：

const id = 123;
history.push(`/user/${id}`);