在组件外部使用导航

虽然在组件内部可以使用 this.context.router 来实现导航,但许多应用想要在组件外部使用导航。使用Router组件上被赋予的history可以在组件外部实现导航。

  1. // your main file that renders a Router
  2. import { Router, browserHistory } from 'react-router'
  3. import routes from './app/routes'
  4. render(<Router history={browserHistory} routes={routes}/>, el)
  1. // somewhere like a redux/flux action file:
  2. import { browserHistory } from 'react-router'
  3. browserHistory.push('/some/path')