[JavaScript知识库]React-35：编程式路由导航

借助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})