相关疑难解决方法(0)

我习惯了具有多个屈服区域的应用程序布局,即内容区域和顶栏标题.我想在React Router中实现类似的功能.例如:

<Router>
  <Route path="/" component = { AppLayout }>
    <Route path="list"
           component = { ListView }
           topBarComponent = { ListTopBar }/>
  </Route>
</Router>

AppLayout:

<div className="appLayout box">
  <div className="appLayout topBar">
    { -- display ListTopBar here -- }
  </div>
  <div className="appLayout content">
    { -- display ListView here -- }
  </div>     
</div>

两个子组件都应该接收相同的道具.

我怎么处理这个？