最近受新型肺炎影响无法回去上班，但是呆家里憋得实在难受，索性学点知识冲下电，之前由于工作较忙没能研究完的React，乘着这个机会好好地系统学习一下。同时将学习中遇到的难点和问题整理成博客，希望对各位学习react的伙伴有所帮助。由于这几天群里有好多问路由的问题的，于是我们从路由开始吧！
首先安装好项目，运行一下项目看是否能跑起来。没有问题接下来安装路由
npm install react-router-dom；
安装成功后接下来开始使用；
关于路由的两种模式
1）历史纪录模式 BrowserRouter
2) hash模式 HashRouter
这里我们选择对新人更友好的BrowserRouter；
首先路口文件处引入import {BrowserRouter as Router} from 'react-router-dom'；
这样就可以用简写<Router>包裹住根目录，如
然后在App组件内引入 import {Route} from 'react-router-dom'
此时在地址栏内输入loaclhost:3000/home 或者 loaclhost:3000/list即可跳转到不同页面，是不是非常简单。Route通过匹配定义好的地址渲染对应的组件。
上述为路由最基本的使用，接下来更深入一点组p件的用法
在App组件内引入：
import {Route,NavLink,Redirect,Switch} from 'react-router-dom'
其中NavLink相当于HTML中的a标签可以用来跳转页面，NavLink中to后面接地址，点击即可跳转相应地址，无需再手动输入。NavLink相比Link有默认的active名所以这里都用NavLink。Switch作用类似与与switch循环，在这里多个组件匹配只渲染第一个。Redirect 为重定向，默认跳转的地址可以用Redirect。Redirect 需配合Switch使用
敲完之后现在开始运行下项目看看能否正常跳转。
以上就是路由的基本使用，由于本人尚在自学阶段，故分享的内容都是从最基础由浅入深推进，接下来的博客将更进一步深入路由内部，敬请期待！
