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>