So implementieren Sie Vorwärts- und Rückwärtsbewegungen im React-Router

So implementieren Sie vorwärts und rückwärts im React-Router: 1. Implementieren Sie das Weiterleiten über „goback(){this.props.history.goBack()}“ 2. Über „go(){this.props.history. go() -1) }“, um Routing-Fallback zu implementieren.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React18-Version, Dell G3-Computer.

Wie implementiert man Vorwärts- und Rückwärtsbewegungen im React-Router?

React-Route Jump-Methode und Route Forward und Rollback

1. Label Jump

//1.引入依赖
import { Link  } from 'react-router-dom'
//2.在需要的地方加上这段，Link标签是a标签
<Link to={{ pathname: /*你的路由*/ }} replace> </Link>

Route Forward goBac()

//1.引入依赖
import { withRouter } from 'react-router-dom';
//2.比如使用点击事件
fun(){
    this.props.history.push('/*你的路由*/')
  }
export default withRouter (App);

Route Rollback Push()

goback(){
      this.props.history.goBack()  
  }

Empfohlene Studie: „

Reagieren Sie mit dem Video-Tutorial

"

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Vorwärts- und Rückwärtsbewegungen im React-Router. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!