React35react-router的写法

• 使用react-router步骤
• 引入顶层路由组件包裹根组件

                

• 引入Link组件编写路由导航
• <Link to="/">首页</Link>
• path 配置路径
• component配置路径所对应的组件
• exact 完全匹配，只有路径完全一致时才匹配。因为react是包含式匹配，可以匹配多个路由，我们可以利用exact进行精准匹配
• Switch可以取消react路由包含式匹配的机制，相当于每个路由都加上exact的效果。
• 编写导航配置对应的component组件
• 示例：

    

    

 

来源：https://www.cnblogs.com/tengfeiS/p/12194762.html