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

Question

I have a route defined like:

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

and the current URL is

/invite/abc123

In my code, how do I get the current Route, so that I can get the path/key? (I need that as an index into another array)

Answer 1

From the docs: https://github.com/rackt/react-router/blob/latest/docs/Introduction.md#adding-more-ui

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

Now visits to URLs like inbox/messages/Jkei3c32 will match the new route and build this for you:

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

So in your case, you would use this.props.params.inviteToken in the InvitePage component.

Answer 2

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