使用静态参数重新实现路由器重定向

Question

其实很简单，我想做什么，但我觉得不够简单。我正在尝试在传递静态参数时从一个页面重定向到另一个页面。

示例：

/learn => / with ?source=ABC123

我尝试使用以下代码执行此操作：

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

重定向有效，但是，在刷新页面之前，HomePage组件实际上并未显示。关于如何处理这个的任何想法？

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

Answer 1

我能够找到当前的工作解决方案。至于它是否是“最佳实践”，它是针对我的情况的当前'bandaid'修复。

我正在执行react-router

的重定向

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

然后我只是在将HomePage组件与该路线相关联时设置这些参数的实际路线：

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