React学习笔记之React路由

1.路由介绍

2.路由的基本使用

配置路由是注意版本匹配

1）安装路由

yarn add react-router-dom

2）导入组件

3.常用组件的说明

1）Router组件：包裹整个作用，一个React应用只需使用一次Router

 2）Link组件：用于指定导航链接（a标签）

导航菜单，点击link就相当于点击导航效果，在导航栏会更改路径，然后理由进行匹配，切换路由

3）Route组件

 4.路由的执行过程

 5.编程式导航

 

 有时报错， render没有返回值，可能是括号()或者{}写错了，具体为什么还不知道

6.默认路由

 

 7.匹配模式

1）模糊匹配

 默认情况下是模糊匹配

 只要pathname以path开头的，就可以匹配成功

（Link里面的是pathname，Route中的是path）

 

 2）精准匹配