react 多级路由嵌套的问题

Question

如图的UI布局

导航1是一个组件

导航2是一个组件

导航3是一个组件

内容区域4是一个组件

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

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

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