Reactjs 如何在react router redux中扩展主模板?

Reactjs 如何在react router redux中扩展主模板?,reactjs,redux,react-redux,Reactjs,Redux,React Redux,我用的是react路由器redux。我有一个固定页眉,页脚和左栏的主模板。我可以为不同的路由器扩展此主模板吗?谢谢。我不确定我是否100%理解了这个问题,但您是否可以使用react router中的选项进行嵌套路由: 您能提供代码片段来显示您拥有的内容和想要拥有的内容吗?简而言之:我有一个BaseContainer,它可以呈现页眉、页脚和左菜单。我想,当点击一个“/日历”时,我们有来自BaseContainer的页眉、页脚和左菜单,但新组件(日历)的主要内容发生了变化。我可以简单地做一下吗:类C

我用的是react路由器redux。我有一个固定页眉,页脚和左栏的主模板。我可以为不同的路由器扩展此主模板吗?谢谢。

我不确定我是否100%理解了这个问题,但您是否可以使用react router中的
选项进行嵌套路由:


您能提供代码片段来显示您拥有的内容和想要拥有的内容吗?简而言之:我有一个BaseContainer,它可以呈现页眉、页脚和左菜单。我想,当点击一个“/日历”时,我们有来自BaseContainer的页眉、页脚和左菜单,但新组件(日历)的主要内容发生了变化。我可以简单地做一下吗:
类CalendarContainer扩展了BaseContainer
?谢谢
//from the docs
import { Switch, Route } from 'react-router'

<Switch>
  <Route exact path="/" component={Home}/>
  <Route path="/about" component={About}/>
  <Route path="/:user" component={User}/>
  <Route component={NoMatch}/>
</Switch>
class BaseContainer extends Component {
  render() {
    return (
      <section className="appContainer">
        <Header />
        <LeftMenu />
          <Switch>
            <Route exact path="/" component={Home}/>
            <Route path="/about" component={About}/>
            <Route path="/:user" component={User}/>
            <Route component={NoMatch}/>
          </Switch>
        <Footer />
      </section>
    )
  }
}