路由管理

react-router & react-router-redux #

react-router 是 react 应用的标准路由解决方案. 唯一的问题是, URL 应该是应用程序状态的一部分. 因此我们引入了 react-router-redux 来将路由状态同步到 state 中.

使用 #

新增路由 #

添加一个新的路由, 你可以直接在 app/routes.js 中添加一行, 如下.

<Route component={App}>
  <Route path="/" component={Home} />
  <Route path="/new-route" component={PageDemo} />
</Route>

路由跳转 #

你可以直接使用 push 方法进行页面间的跳转以及传参.

import { push } from 'react-router-redux';

this.props.push('/new-route');