使用react + react-router处理来自firebase URL的传入查询参数

Question

我尝试使用Firebase通过电子邮件验证来连接email / pw auth。我使用的是React + Redux + React-Router。帐户创建正常 - 用户帐户是在Firebase用户数据库中创建的，但我遇到的问题是尝试捕获＆＃34;模式＆＃34;和＆＃34; oobCode＆＃34;来自Firebase在其电子邮件验证中提供的链接（URL格式为... / verify？mode = foo＆amp; oobCode = bar）。我有Firebase链接（暂时）到localhost：3000 /验证，所以在我的路线中，我试图添加这样的路径路径：

＆＃13;

＆＃13;

CREATE SCHEMA <schema_name> [OWNED BY <user_name>]

＆＃13;

＆＃13;

＆＃13;

但是，当我点击电子邮件中的URL时，会出现错误页面。基本上，我试图做的就是拦截传入的电子邮件链接，检查模式和模式是否正常。 oobCode使用Firebase的applyActionCode是正确的，然后将用户发送到主登录页面或错误页面。知道我在这里失踪的是什么吗？

Answer 1

您收到的网址格式为.../verify?mode=foo&oobCode=bar。

路线应如下所示 -

...
  <Route path="verify" component={ LandingPage } onEnter={redirectIfVerified } />
...

mode和oobCode是查询参数。您可以从注入道具的位置对象中获取组件中的这些值。

this.props.location.query = {mode: "foo", oobCode: "bar"}