redux-router中的嵌套路由不起作用

时间:2015-11-06 12:02:53

标签: reactjs react-router redux

我正在使用redux-router设置此路由:

<ReduxRouter>
  <Route component={App} name="root" path="/">
    <IndexRoute component={Home} />
    <Route component={InboxPage} path="/inbox" />
    <Route component={SearchPage} path="/search">
      <Route component={SearchResultPage} page=":id" />
    </Route>
    <Route component={HelpPage} path="/help" />
    <Route component={TemplateLoader} path="*"/>
  </Route>
</ReduxRouter>

问题是,当我转到位置/search/100时,它不会通过路由配置进行处理。无论我在SearchResultPage组件中添加了什么日志记录,我都没有在控制台上看到任何内容。

直接的前身,SearchPage,让孩子们不应该这样。

路径/search正常工作并且符合预期。

我是redux-router的新手,所以我甚至无法理解问题的来源。我是否可以明确地将该位置或其中一部分置于该状态?虽然,对于其他组件,我不这样做。

1 个答案:

答案 0 :(得分:1)

<Route component={SearchResultPage} page=":id" />

应该是:

<Route component={SearchResultPage} path=":id" />