は、ルータが、私は私のルートは、次のように設定している

Question

親コンポーネント（index.js）レンダリングいないV4リアクト

render() { 
    return (
     <div className='wrapper main-app-wrapper'> 
     <Header toggleSidebar={this.toggleSidebar}> 
      <AuthHeaderActions /> 
     </Header> 
     <div className='content-wrapper'> 
      {this.props.children} 
     </div> 
     <LeftMenu /> 
     <Footer /> 
     </div> 
    ); 
    } 

をするとIルート/ダッシュボードに移動すると、ヘッダー、フッター、および左メニューが正しくレンダリングされます。

私がルート/ダッシュボード/会場に当たったとき、VenuesPage内にあるコンテンツだけがレンダリングされます。ヘッダー、フッター、および左メニューは描画されません。ルートのネストに問題があります。私はreact-router-dom-v4を使用しています。

Answer 1

あなたは、あなたが今、あなたはVenuesPageはの子になりたいという

index.js

<BrowserRouter history={browserHistory}> 
    <Switch> 
     <Route exact path="/" component={RootContainer} /> 
     <Route exact path="/login" component={RedirectToApp(LoginPage)} /> 
     <Route path="/dashboard" component={RequiresAuth(AppContainer)} /> 

    </Switch> 
</BrowserRouter> 

へのルートを変更することができますreact-router v4

であなたのコンポーネント内でRoutesを追加することができますAppContainer。

render() { 
    return (
     <div className='wrapper main-app-wrapper'> 
     <Header toggleSidebar={this.toggleSidebar}> 
      <AuthHeaderActions /> 
     </Header> 
     <div className='content-wrapper'> 
      {this.props.children} 
      <Route exact path="/dashboard/venues" component={VenuesPage} /> 
     </div> 
     <LeftMenu /> 
     <Footer /> 
     </div> 
    ); 
    } 

Answer 2

あなたがダッシュボード

<Route exact path="/dashboard" component={RequiresAuth(AppContainer)}> 
    <Route exact path="/venues" component={VenuesPage}/> 
</Route> 

EDIT

NB内会場ルートを配置する必要があります！コメント（と他の回答）の状態として、これはV4ではもう有効ではありません。