反応ルータのIndexRoute

Question

反応ルータはIndexRouteをサポートしていないため、どのように子コンポーネントを表示できますか？

私は、次のコンポーネントがあります：私は、URLに応じて、コンポーネントのAppのすべての時間をレンダリングし、その内部にできるようにしたい

class App extends Component { 
    render() { 
    return (
     <div className="App"> 
     <div className="centered-wrapper"> 
      {this.props.children} 
     </div>     
     <div className="who">[ <a href="">Who's Marco</a> ]</div> 
     </div> 
    ); 
    } 
} 

を。ルートの場合は、Welcomeコンポーネントをレンダリングします。

<Router history={browserHistory}> 
    <Route path="/" component={App}> 
    <IndexRoute component={Welcome} /> 
    <Route path="life" component={Life} /> 
    </Route> 
</Router> 

Answer 1

v4にルートネストはありません。代わりに、コンポーネントにルートを定義する必要があります。

は App成分に続い

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

（すなわちそのrender方法で）に、定義する他の経路上にセットアップを変更

... 
<Route path="life" component={Life} /> 
<Route 
    exact 
    path="/" 
    component={Welcome} 
/> 
...