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

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

1 个答案: