react-router

一、相关理解：

1.react-router的相关理解

　　1）react的一个插件库

　　2）专门用来实现一个SPA应用

　　3）基于react的项目基本都会用到此库

2.SPA的理解

　　1）单页web应用（single page web application，SPA）

　　　　SPA应用和非SPA应用的区别：

　　　　点击链接后：非SPA页面--->跳转到另一个页面

　　　　　　　　　　SPA页面--->更新（局部刷新）

　　2）整个应用只有一个完整的页面

　　3）点击页面中的链接不会刷新页面，本身也不会向服务器发请求

　　4）点击路由链接时，只会做页面的局部更新

　　5）数据都需要通过ajax请求获取，在前端异步展现

3.什么是路由？

　　1)路由就是一个映射关系（key：value）

　　2）key为路由路径，value可能是function/component

4.路由分类：

　　1）后台路由

　　2）前台路由

5.前端路由：

　　1）注册路由：<Route path="/about" commponent={About}>

　　2)当浏览器的hash变为￥about时，当前路由组件就会变为About组件

6.react-router相关API

　　1）组件

　　<BrowserRouter>

　　<HashRouter>哈希模式

　　<Route>路由

　　<Redirect>重定向

　　<Link>路由链接

　　<NavLink>导航路由链接

　　<Switch>切换

　　2）对象

　　history对象

　　match对象

　　withRouter函数

7.下载：

　　cnpm install --save react-router-dom