自定义道具儿童与反应路由器

Question

在the react (15.4.1) docs中，它表示不是使用props.children来包含组件，也可以使用自定义属性props.left和props.right在组件中包含多个子项有“洞”。

使用React Router（3.0.0）时如何实现这种方法？ component={MyComponent}语法似乎不允许包含多个子项。

我希望能够写出这样的内容：

<Router>
  <Route component={App} >
    <Route component={Page}>
      <Route page='/' component={Header}>           <-- 1st child of Page
        <Route component={Logo} />                    <-- 1st child of Header
        <Route component={Nav} />                     <-- 2nd child of Header
      </Route>
      <Route page='/' component={Home} />           <-- 2nd child of Page
      <Route page='/custom' component={Custom} />   <-- 2nd child of Page, 2nd route
    </Route>
  </Route>
<Router>

我知道我可以在组件中进行嵌套，但后来我的各种组件导入遍布我的文件，这增加了依赖性，并且很难跟踪在哪里使用哪个组件。

我想将所有组件依赖项保留在定义路由结构的一个文件中。