如何在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 。