将react路由器参数传递给分派

React Router是一个用于构建单页面应用程序的库，它允许我们在React应用程序中实现路由功能。在React Router中，我们可以通过URL参数来传递数据给组件。

要将React路由器参数传递给分派，我们可以使用React Router提供的路由参数。路由参数可以通过URL的路径或查询字符串传递给组件。

在React Router中，我们可以使用动态路由来定义带参数的路由。动态路由使用冒号（:）来指定参数的名称，并将其添加到路由路径中。例如，我们可以定义一个带有参数的路由如下：

<Route path="/users/:id" component={UserDetails} />

在上面的例子中，我们定义了一个名为"id"的参数。当URL匹配到/users/123时，React Router会将参数值"123"传递给UserDetails组件。

在组件中，我们可以通过props.match.params来访问路由参数。例如，在UserDetails组件中，我们可以通过props.match.params.id来获取路由参数的值。

import React from 'react';

const UserDetails = (props) => {
  const userId = props.match.params.id;

  // 使用userId进行分派操作
  // ...

  return (
    <div>
      <h2>User Details</h2>
      <p>User ID: {userId}</p>
    </div>
  );
};

export default UserDetails;

通过上述代码，我们可以将路由参数传递给分派操作，并在组件中使用它们进行相应的处理。