借助this.prosp.history对象上的API对操作路由跳转、前进、后退
this.prosp.history.push() 有记录
this.prosp.history.replace() 不留记录
this.prosp.history.goBack() 回退
this.prosp.history.goForward() 前进
this.prosp.history.go() -2 回退两步 1 前进一步
例子:
back = ()=>{ // 回退
this.props.history.goBack()
}
forward = ()=>{ // 前进
this.props.history.goForward()
}
go = ()=>{ // -2 回退两步 1 前进一步
this.props.history.go(-2)
}
push 跳转 例子
//push跳转+携带params参数
this.props.history.push(`/home/message/detail/${id}/${title}`)
//push跳转+携带search参数
this.props.history.push(`/home/message/detail?id=${id}&title=${title}`)
//push跳转+携带state参数
this.props.history.push(`/home/message/detail`,{id,title})
replace 跳转 例子
//push跳转+携带params参数
this.props.history.push(`/home/message/detail/${id}/${title}`)
//push跳转+携带search参数
this.props.history.push(`/home/message/detail?id=${id}&title=${title}`)
//push跳转+携带state参数
this.props.history.push(`/home/message/detail`,{id,title})