IndexRoute相當於反應路由器V4

<Router> 
 
    <div> 
 
    <Route exact path="/" component={App}/> 
 
    <Route exact path='/' component={Home}/> 
 
    <Route path="/Project" component={Project}/> 
 
    </div> 
 
</Router> 
 
)

家組件在應用組件是如何呈現爲一個孩子（另類「IndexRoute」）

來源

2017-07-31 None

的可能的複製[指定react-子路由路由器v4]（https://stackoverflow.com/questions/44452858/specify-child-routes-in-react-router-v4） –

最簡單的答案只是移動Home到渲染（）您的應用程序的方法，像這樣：

class App extends Component { 
    render() { 
     return (
      <Home /> 
     ); 
    } 
}

然後，在你的路由在頂端，你可能只是有這樣的：

<Router> 
    <div> 
    <Route exact path="/" component={App}/> 
    <Route path="/Project" component={Project}/> 
    </div> 
</Router>

但是，這完全取決於您想要做什麼。作爲兒童組件，App總是有Home嗎？否則，你可以窩在路由器內的內部組件，如下所示：

這將設置應用程序的props.children是您要使用的特定組件。這可能您的應用程序內使用，然後像這樣：

class App extends Component { 
    render() { 
     return (
      <MyHeaderComponent /> 
      {this.props.children} 
      <MyFooterComponent /> 
     ); 
    } 
}

來源

2017-07-31 16:36:49 AnilRedshift

是的應用程序始終有家作爲一個孩子組件如何做到這一點 – None

-1

在下面的代碼導航到/將呈現App組件與Home作爲其子

<Route path="/" component={App}> 
    <IndexRoute component={Home}/> 
    <Route path="project" component={Project}/> 
</Route>

來源

2017-07-31 16:41:53

IndexRoute相當於反應路由器V4

回答

相關問題