<Router>

Router是所有路由组件共用的底层接口,一般我们的应用并不会使用这个接口,而是使用高级的路由:

最常见的使用底层的<Router>的情形就是用来与Redux或者Mobx之类的状态管理库的定制的history保持同步。注意不是说使用状态管理库就必须使用<Router>,它仅用作于深度集成。

  1. import { Router } from 'react-router'
  2. import createBrowserHistory from 'history/createBrowserHistory'
  3. const history = createBrowserHistory()
  4. <Router history={history}>
  5. <App/>
  6. </Router>

history: object

用来导航的history对象.

  1. import createBrowserHistory from 'history/createBrowserHistory'
  2. const customHistory = createBrowserHistory()
  3. <Router history={customHistory}/>

children: node

需要渲染的单一组件

  1. <Router>
  2. <App/>
  3. </Router>