巢

Question

我有以下途徑定義

const routes = (
    <Router history={history}> 
    <Route path='/' component={Landing}> 
     <Route path='' component={Invitation}/> 
     <Route path='signin' component={Signin}/> 
    </Route> 
    <Route path='*' component={NoMatch}/> 
    </Router> 
); 

訪問根/路由時，我想，同樣的路線上多個組件，該Invitation組件被渲染的Landing組件裏面，但我還沒有找到一個辦法做到這一點不使用嵌套的路徑/ URL

任何想法？

Answer 1

我認爲最好的去實現它，是使用IndexRoute，這需要嵌套太多，但專爲您的使用情況，我認爲。

const routes = (
    <Router history={history}> 
    <Route path='/' component={Landing}> 
     <IndexRoute component={Invitation}/> 
     <Route path='signin' component={Signin}/> 
    </Route> 
    <Route path='*' component={NoMatch}/> 
    </Router> 
); 

查看文檔： https://github.com/rackt/react-router/blob/1.0.x/docs/guides/basics/IndexRoutes.md