如何在react-router 1中获取活动路由路径名？

Question

我的路线定义如下：

<Route path='/invite(/:inviteToken)' component={InvitePage}
                key='/invite(/:inviteToken)' onEnter={requireAdmin} />

，当前网址为

/invite/abc123

在我的代码中，如何获取当前路由，以便获取路径/密钥？ （我需要它作为另一个数组的索引）

Answer 1

来自文档：https://github.com/rackt/react-router/blob/latest/docs/Introduction.md#adding-more-ui

<Route path="messages/:id" component={Message} />

现在访问像inbox / messages / Jkei3c32这样的网址将匹配新路由并为您构建：

<Message params={{ id: 'Jkei3c32' }}/>

因此，在您的情况下，您可以在this.props.params.inviteToken组件中使用InvitePage。

Answer 2

在InvitePage组件中，它应该在this.props.params.inviteToken下提供。