反应路由器 - 读取URL

Question

我正在尝试实施邀请系统。用户将收到一封带有邀请链接的电子邮件：

http://foo.com/accept?invitation=XXXXX&orgName=House%20of%20Grue

基本上，我需要从网址中提取orgName，这样我就可以将它用作页面上的变量来完成注册，我需要将它们引导到正确的页面，foo.com / invite。

我的路线是：

const routes = <Route component={App}>
    <Route path="/invite" component={Invite} />
</Route>;

当他们点击电子邮件中的链接时，我是否需要在我的路线中做任何不同的事情？

我读到this.props.location.pathname会得到我的URL然后我可以从那里切片。这是正确的方法吗？

Answer 1

this.props.location.query将为您提供一个对象，其键/值对是查询参数。

对于您的示例，this.props.location.query会为您提供;

{
    invitation: 'XXXXXX',
    orgName: 'House of Grue'
}