将 react-router v3 迁移到 v4

Question

我目前正在尝试将 react-router 从 v3 迁移到 v4，但是我不能完全掌握新概念，我的旧 react-router v3 代码看起来像这样，有人可以看看并给我一些提示？

谢谢！

<Router history={ browserHistory }>
     <Route path="/" component={ App }>
       <IndexRoute name="index" component={ Index } />
       <Route name="documents" path="/documents" component={ Documents } onEnter={ authenticate } />
       <Route name="newDocument" path="/documents/new" component={ NewDocument } onEnter={ authenticate } />
       <Route name="editDocument" path="/documents/:_id/edit" component={ EditDocument } onEnter={ authenticate } />
       <Route name="viewDocument" path="/documents/:_id" component={ ViewDocument } onEnter={ authenticate } />
       <Route name="login" path="/login" component={ Login } />
       <Route name="recover-password" path="/recover-password" component={ RecoverPassword } />
       <Route name="reset-password" path="/reset-password/:token" component={ ResetPassword } />
       <Route name="signup" path="/signup" component={ Signup } />
       <Route path="*" component={ NotFound } />
     </Route>
   </Router>

Answer 1

不要嵌套路由。

---

保留这部分

<Router history={ browserHistory }>
  <Route path="/" component={ App } />
</Router>

并将所有嵌套移动到<App />（参见here）。 react-router-v4 也没有<IndexRoute /> 的概念（参见here）。

---

查看documentation，太棒了。