React的路由react-router

意思是：当你写一个web应用时候，应噶install的是react-router-dom，同样的，当你想写一个Native应用时候，需要install的是react-router-native，这两个都会下载react-router作为其依赖。

react-router 提供了router的核心api，Router，Route，Switch，但是没有提供dom操作进行跳转的api。

react-router-dom提供了BrowerRouter，Route，Link等api控制路由的跳转。

HashRouter和BrowserRouter：

react-router2、3或者vue-router，路由中包含#，就是HashRouter。

而react-router4不支持HashRouter，转而拥护BrowserRouter，原理是使用HTML5的history API（pushState,replaceState,popState）。

Route：

<Route exact path="/" component={OpenPacket}></Route>

经常使用的exact，path，component属性。exact控制匹配到路径/不会再继续向下匹配，path匹配路由，component表示路径对应显示的组件

Link和NavLink：

两者控制路由跳转，不同点是NavLink的api更多。

Switch：用来包裹Route,里面不能放其他元素。

 

 

 

【未完待续】

新年flag5——了解自己