reacet-router跳转页面的方法总结

通过Link标签跳转

Link标签相当于原生js中的a标签，用法基本类似。to属性相当于a标签中的href。

<Link to="/login">点击跳转到登录页面</Link>

通过this.props.history.pushState跳转

this.props.history.pushState({passParam: true}, "/targetURL");

第一个参数为跳转页面时，需传递的参数，若不需要传参数，则为null。
第二个参数为跳转的目标页面。

使用browserHistory.push

const path = `/login/${userName}`
browserHistory.push(path)

使用context对象。

使用不同的方法创建对象时，使用context的方法也不尽相同。

export default React.createClass({
  contextTypes: {
    router: React.PropTypes.object
  },
  handleSubmit(event) {
    // ...
    this.context.router.push(path)
  },
})

class Demo extends Component{
     static contextTypes = {
        router: React.PropTypes.object.isRequired
      };
     go(id) {
        const {router}= this.context;
        router.push(`/project?id=${id}`);
      }
  }