react-router实现前进后退的方法

本篇文章和大家了解一下react-router实现前进后退的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

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

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

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

标签跳转

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

事件跳转

//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-router实现前进后退的方法的简略介绍，当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多，欢迎关注编程网行业资讯频道哦！