遷移反應路由器v3到v4

Question

我目前正在嘗試從v3遷移反應路由器到v4，但我無法完全理解新的概念，我的舊反應路由器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，這是不可思議的。