react-router 路由

Question

react-router

使用react开发的时候有一部分页面是不需要头部和底部的，路由需要怎么设计

Answer 1

路由的作用就是不同的url，渲染不同的组件，当跳转到不需要显示头部和底部的url时，不渲染头部组件和底部组件即可。关键是要理解router的思想和目的。比如使用react router4的话，类似下面的写法：

const BasicExample = () => (
  <Router>
    <div>
      <Route exact path="/a" component={ComponentWithHeader}/>
      <Route path="/b" component={ComponentWithoutHeader}/>
    </div>
  </Router>
)

再给你换一个问法，url1要显示A组件，url2要显示B组件，该如何设计router呢？和你原来的问题本质上是一样的，显示不显示头部，并无特殊之处，router的作用就是干这个事情的。