React中API跳转

API跳转

• 在组件中通过this.props.history控制路由的改变
  通过push方法调到指定组件，参数：

1. 路径：this.props.history.push('/content') 将新的路径压入到history中
2. 传递一个对象，路径放在pathname中，可传递参数payload

this.props.history.push({
    pathname:'/student',
    payload:record,
    search:'?name=tom'
})
componentDidMount() {
    console.log(this.props.location.test);
}

这种方式跳转可以通过 this.props.location.payload 在组件挂载完成时来获取传递的参数record

• this.props.history的其他方法
  this.props.history.go(n) n为正数或者负数，表示前进或者后退
  this.props.history.goBack() 后退
  this.props.history.goForward() 前进