笔记react router 4（三）

　　上一篇咱们说到了路由组件的嵌套。想必你已经运用自如了。那么，这一次咱们来聊一聊4.X中Router的变动。

在3.X中咱们若使用路由的模式，可经过在Router上配置history的值便可。

例如，

import { Router, Route, hashHistory} from "react-router"
import routes from "./routes"

<Router history={hashHistory} routes={routes}>
    <Route path="/" component={App}/>
</Router>

在4.X中提供几种不一样的路由组件来替代history属性的做用，分别是

<BrowserRouter>

import { BrowserRouter } from 'react-router-dom'

<BrowserRouter
  basename={optionalString}
  forceRefresh={optionalBool}
  getUserConfirmation={optionalFunc}
  keyLength={optionalNumber}
>
  <App/>
</BrowserRouter>

<HashRouter>

import { HashRouter } from 'react-router-dom'

<HashRouter>
  <App/>
</HashRouter>

<MemoryRouter> 通常用于测试或者无浏览器的环境中，像是react native中

<MemoryRouter initialEntries={[ '/one', '/two', { pathname: '/three' } ]} initialIndex={1} > <App/> </MemoryRouter>

<StaticRouter> 通常用于服务端，永远不会改变location

<StaticRouter location={req.url} context={context}>
      <App/>
</StaticRouter>

须要注意的是，router组件只能有一个子元素