react-router怎么实现前进后退
短信预约 -IT技能 免费直播动态提醒
本教程操作环境：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-router怎么实现前进后退的详细内容，更多请关注编程网其它相关文章！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
