Reactjs 当在特定路线上时，如何使用react router在布局上获取组件？

我有一个index.js文件，其中包含所有路由

<Router history={hashHistory}>
    <Route path="/" component={Layout}>
      <IndexRedirect to={'dashboard'}/>
      <Route path="dashboard" component={Dashboard} />
      <Route path="donors" >
        <IndexRoute component={Donors} />
        <Route path=":id" component={SingleDonor} />
      </Route>
      <Route path="repository" component={Repository} />
      <Route path="groups"  background={'premium'} premiumText={'groups is a premium feature'}>
        <IndexRoute component={Groups} />
        <Route path=":name" component={SingleGroup} />
      </Route>
      <Route path="campaigns" component={Campaigns} background={'premium'} premiumText={'campaings is a premium feature'}/>
      <Route path="followups" component={Followups} background={'premium'} premiumText={'followups is a premium feature'} />
      <Route path="settings" component={Settings}  background={'premium'} premiumText={'settings is a premium feature'}/>
      <Route path="subscriptions" component={Subscription} background={'premium'} premiumText={'creating a great product for the best price'} />
    </Route>
    <Route path="*" component={NotFound} />
  </Router>

解决这个问题的办法是什么。此外，如果这是一个重复的人可以请重定向到可能的解决方案，因为我无法找到它我。提前谢谢

<div>
      <Sidebar userData={this.state.userData} ngo={this.state.ngo}
              lockPortal={this.lockPortal}
      />
      <TopMenu userData={this.state.userData}
              logoutUser={this.logoutUser}
      />
      {React.cloneElement(this.props.children, { ngo: this.state.ngo })}
</div>