④react-router4.x 嵌套路由的使用

当遇到以上的情况， content 部分内容需要根据 content menu的点击儿变换，我们就需要用动态路由来实现

主要的代码逻辑：

用户页面会涉及到路由嵌套

入口文件代码：

<Router>
  <div>
     <header className="title">
         <Link to="/">首页组件</Link>
         <Link to="/user">用户页面</Link>
         <Link to="/shop">商户</Link>
     </header>             
     <Route exact path="/" component={Home} />
     <Route path="/user" component={User} />
     <Route path="/shop" component={Shop} />
   </div>
</Router>

User组件代码

<div className="content">
  <div className="left">
      <Link to="/user/">个人中心</Link>
      <Link to="/user/info">用户信息</Link>
  </div>
  <div className="right">          
    <Route exact path="/user/" component={Main} />
    <Route  path="/user/info" component={Info} />
  </div>
</div>