react-router怎么实现前进后退

react-router实现前进后退的方法：1、通过“goback(){this.props.history.goBack()}”实现路由前进；2、通过“go(){this.props.history.go(-1) }”实现路由回退。

本教程操作环境：Windows10系统、react18版、Dell G3电脑。

react-router怎么实现前进后退？

React-路由跳转方式与路由前进回退

1、标签跳转

//1.引入依赖
import { Link  } from 'react-router-dom'
//2.在需要的地方加上这段，Link标签是a标签
<Link to={{ pathname: /*你的路由*/ }} replace> </Link>

2、事件跳转

//1.引入依赖
import { withRouter } from 'react-router-dom';
//2.比如使用点击事件
fun(){
    this.props.history.push('/*你的路由*/')
  }
export default withRouter (App);

路由前进goBac()

goback(){
      this.props.history.goBack()  
  }

路由回退push()

go(){
      this.props.history.go(-1) 
  }

推荐学习：《react视频教程》

以上就是react-router怎么实现前进后退的详细内容，更多请关注php中文网其它相关文章！