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

【问题标题】：Nested route in redux-router doesn't workredux-router 中的嵌套路由不起作用
【发布时间】：2016-02-07 13:52:04
【问题描述】：

我正在使用 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 的新手，所以我什至无法理解问题出在哪里。我是否应该明确地将位置或其中的一部分放入状态？虽然，对于其他组件，我不这样做。

【问题讨论】：

标签： reactjs react-router redux

【解决方案1】：

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

应该是：

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

【讨论】：

第二双眼睛即服务 :)