react 多级路由嵌套的问题

Question

如图的UI布局

导航1是一个组件

导航2是一个组件

导航3是一个组件

内容区域4是一个组件

导航1 作为最顶层的一个导航始终不变，设置路由

// 配置路由
render((
    <Router history={hashHistory} >
        <Route path="/" component={MainMenu}>
          .....
        </Route>
    </Router>
), document.getElementById("app"));

在导航2和导航3中如何设置路由能做到页面的切换？

Answer 1

顶部导航做成多个container，左侧导航做成tab，不就解决了。

Answer 2

这个问题最后解决了吗？是怎么解决的啊？我也遇到类似的问题了。。。

Answer 3

使用redux跟踪路由状态。