react路由跳转方式与路由前进回退代码介绍

react什么代码可以实现路由跳转方式与路由前进后退？下面web建站小编给大家详细介绍一下！

1、路由前进

this.props.history.goBack()

2、路由后退

this.props.history.go(-1) 

3、标签跳转

//引入依赖
import { Link  } from 'react-router-dom'

//Link标签引用
<Link to={{ pathname: /*你的路由*/ }} replace> </Link>

4、事件跳转

//引入依赖
import { withRouter } from 'react-router-dom';

//点击事件
fun(){
  this.props.history.push('/*你的路由*/')
}
export default withRouter (App);

Vue.js与React主要区别在哪？（附示例）

简单介绍vue两个路由之间的跳转（代码介绍）

vue路由跳转如何在新窗口打开？

react点击链接路由跳转页面空白怎么解决

react语法中如何移除节点

标签： react, 路由跳转

上面是“react路由跳转方式与路由前进回退代码介绍”的全面内容，想了解更多关于 reactjs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2945.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！