react-router-redux

Question

如何使用 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

Answer 1

路由器将在第一场比赛中return。在您的情况下，您只需移动最后两个语句，因为 :id 将匹配任何内容：

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

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

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

react-router-redux - how to do nested routing

reactjs

react-router