如何在react-router-redux中扩展主模板？

Question

我正在使用react-router-redux。我有一个常量页眉，页脚和左栏的主模板。我可以将这个主模板扩展到不同的路由器吗？谢谢。

Answer 1

我不确定我是否100%理解了这个问题，但是您是否可以使用react路由器中的<Switch>选项来实现嵌套路由。Something like this

//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>

因此，您可以使用该开关将其插入到BaseContainer中

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>
    )
  }
}