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

Question

我有一条定义如下的路线：

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

当前的URL是

/invite/abc123

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

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之类的URL将与新路由匹配，并为您构建此路由：

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

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

Answer 2

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