在react中使用react-route-dom路由

1. 安装

npm i react-route-dom --save-dev

2. 参数解析

1. 路由分为两种，分别是：

BrowserRouter（服务器路由）：

• 每次路由改变时，会向服务器发送请求，服务器未配置对应的路径指向对应文件时，会导致404情况的出现，因此使用时需要加一层服务器配置（node/nginx），官方跟推荐使用这种方式，因为有更多的方法操控URL。

HashRouter（前端路由）：

• 会在路径上添加/#/，/#/后面的所有都不会发送到服务器，对于服务器而言，路径依旧是localhost:3000(或其他) ，路由切换由前端完成。

2. Switch
   <Switch>路由中的Switch代表只匹配一个路由，如果不使用，路由会多次匹配。
3. Link
   <Link>类似于<a>标签，to属性相当于a标签的href,这种跳转属于前端内部跳转，不会向服务器发送请求。
4. path
   表示属性匹配路径
5. component
   表示路径匹配成功后渲染的组件

3. 路由传值

1. 通过原始的get路径后面，添加?key=value的方式
2. 通过动态路由传值，类似于/a/:id/:value