ReactRouter基础概念

Router: 高阶容器，作为Route的容器 保持URl与UI同步

​ BrowserRouter： 使用的是HTML5的history的API（pushState, replaceState and the popstate）

Route: UI 容器 ReactRouter中最重要的组件

​ 通常作为一个匹配URL来 渲染UI 作为最重要的组件

Switch: 渲染 子组件中的第一个匹配的Route ，它与一堆Route放一起不同在于，如果一堆的Route都匹配则全部渲染而Switch则只会渲染第一个匹配的

<Route path="/about" component={About}/>
<Route path="/:user" component={User}/>
<Route component={NoMatch}/>

Link: 提供导航 html组件

import { Link } from 'react-router-dom'
<Link to="/about">About</Link>