javascript - 使用静态参数响应路由器重定向

Question

实际上我想做的事情很简单，但我想还不够简单。我试图在传递静态参数时从一个页面重定向到另一页面。

示例:

/learn =>/与 ?source=ABC123

我正在尝试使用以下代码来做到这一点:

<Route path="/" component={App}>
  <IndexRoute component={HomePage}/>
  <Redirect from="/learn" to="/?source=ABC123" />
</Route>

重定向有效，但是，在刷新页面之前，主页组件实际上不会显示。关于如何处理这个问题有什么想法吗？

我正在使用"react-router": "3.0.1",版本。

Answer 1

我能够找到当前有效的解决方案。至于它是否是“最佳实践”，这是针对我的情况的当前“创可贴”修复。

我正在从 react-router 执行重定向

<Redirect from="/learn" to="/?source=CA3U"/>

然后，我只需设置到这些参数的实际路由，同时将 HomePage 组件关联到该路由:

<Route path="/?source=CA3U" component={HomePage}/>