React - 路由跳转方法

一. push跳转

1. 标签式跳转（不传参）

   <Link to='/home/detail/'>信息Link>
   1

2. 标签式跳转（params传参）

   <Link to='/home/detail/01/信息1'>信息Link>
   1

3. 编程时跳转（不传参）

   this.props.history.push("/home/detail")
   1

4. 编程时跳转（state传参）

   this.props.history.push("/home/detail",{id:"01",title:"信息1"})
   1

二. replace跳转

1. 标签式跳转（不传参）

   <Link replace to='/home/detail/'>信息Link>
   1

2. 标签式跳转（params传参）

   <Link replace to='/home/detail/01/信息1'>信息Link>
   1

3. 编程时跳转（不传参）

   this.props.history.replace("/home/detail")
   1

4. 编程时跳转（state传参）

   this.props.history.replace("/home/detail",{id:"01",title:"信息1"})
   1

三. goBack跳转（回退）

this.props.history.goBack()
1

四. goForward跳转（前进）

this.props.history.goForward()
1

五. go跳转（向前或向后跳转指定步数）

this.props.history.go(num)
1