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

Question

我正在使用 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，把它 children 放上去，所以不应该是这样。

路径 /search 按预期正常工作。

我是 redux-router 的新手，所以我什至不明白问题出在哪里。我是否应该明确地将位置或其中的一部分放入状态？虽然，对于其他组件，我不这样做。

Answer 1

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

应该是：

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

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

Nested route in redux-router doesn't work

reactjs

react-router

redux