(相关资料图)

本教程操作环境：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中文网其它相关文章！

推荐内容