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