渲染路由器儿童ReactJS

Question

大家好，所以我的网站上有一个带有侧边栏的页面，如图所示 page Drawing

该图显示了我的应用程序的子页面。 我目前正在尝试在标记的区域中呈现子组件 {} this.props.children。 目前我的页面呈现没有子组件的内容。 只是空白。

这是我的路由器设置

<Router history={hashHistory}>
    <Route path="/" component={App}>
    <IndexRoute component={LandingPage}/>
    <Route path="serviceitem" component={FullService}>
      <IndexRedirect to="trial"/>
      <Route path="trial" component={Trial}/>
    </Route>
    <Route path="services" component={Services}/>
    <Route path="specials" component={Specials}/>
    </Route>
</Router>

这就是我尝试渲染我的组件子项

的方法

这是ServicePane组件                 侧栏
                  {} this.props.children           

这是FullServicePane

    <div>
     <NavigationBar/>
     <ServicePane/> 
    </div>

FullService包含

 <div>
    <FullServicePane/>
    <div className="row">
     <BottomBar/>
    </div>
    </div>