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

2024年04月01日 建站教程

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);

本文链接:http://so.lmcjl.com/news/892/

展开阅读全文
相关内容