react-router-redux - 如何进行嵌套路由答案

【问题标题】：react-router-redux - how to do nested routingreact-router-redux - 如何进行嵌套路由
【发布时间】：2019-01-22 02:32:47
【问题描述】：

如何使用 react-router-redux (5.0.0-alpha.9) 获得嵌套路由？

我希望能够路由到/event/create 之类的人我能够成功到达/event/:id 的路线，例如/event/1234

我有 -

<Route exact path="/" component={HomePage} />
<Route path="/event/:id" component={EventView} />
<Route path="/event/create" component={EventCreate} />

看起来当我去/event/create 时正在路由到/event/:id

【问题讨论】：

Nested routes with react router v4的可能重复

标签： reactjs react-router react-router-redux

【解决方案1】：

路由器将在第一次匹配时返回。在您的情况下，您只需移动最后两个语句，因为 :id 将匹配任何内容：

<Route exact path="/" component={HomePage} />
<Route path="/event/create" component={EventCreate} />
<Route path="/event/:id" component={EventView} />

这将首先匹配/event/create，如果有任何其他值，它将匹配后续路由。

【讨论】：