React35react-router的写法

  • 使用react-router步骤
    • 引入顶层路由组件包裹根组件
                
    • 引入Link组件编写路由导航
      • <Link to="/">首页</Link>
      • path 配置路径
      • component配置路径所对应的组件
      • exact 完全匹配,只有路径完全一致时才匹配。因为react是包含式匹配,可以匹配多个路由,我们可以利用exact进行精准匹配
      • Switch可以取消react路由包含式匹配的机制,相当于每个路由都加上exact的效果。
    • 编写导航配置对应的component组件
  • 示例:
    
    
 
posted @ 2020-01-15 00:56  Godfi  阅读(252)  评论(0编辑  收藏  举报