React Router v4.0.0-beta.7

Question

我想问一下，如何在beta7中的React-Router-Dom中通过url传递参数。通常我通过Button / Link传递params，然后在URL中获取它，最后捕获match.params对象。如何在beta7中执行此操作，因为我的组件中仍然没有数据。

路由器定义：

<Route path='/users/:_id/edit' component={UsersEdit}/>

我如何通过params：

<Button size='small' as={Link} to={`/users/${_id}/edit`} content='Edit'/>

我的网址：

url: "/users/8aTwvLKcWiXopSj2e/edit"

参数：没什么。 https://i.stack.imgur.com/bjUp4.png

Answer 1

我找到了解决方案。只需将一个函数锚定到一个按钮，并传递这样的参数：

 editUser: ({}, user,) => {
     push(`/users/${user.id}/edit`, {userId: user.id})
 }

然后在location.state（在重定向的组件中），您将拥有我的示例userId的参数