react-router怎么实现前进后退-今日精选

来源：php中文网 | 2022-12-20 15:07:42 |

(相关资料图)

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

关键词： react-router