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

Question

<Router history={ browserHistory }>
        <Route path="/" component={ MainApp }>
            <IndexRoute component={ LandingPage } onEnter={ redirectIfLoggedIn } />
            <Route path="verify/:mode/:oobCode" component={ LandingPage } onEnter={ redirectIfVerified } />
            // other routes
        </Route>
</Router>

Answer 1

您收到的url格式是.../verify？mode=foo&oobcode=bar。

路线应该是这样的-

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

mode和oobcode是查询参数。您可以从注入到道具中的location对象获得组件中的这些值。

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