反応ルーターで前方と後方を実装する方法

React-router は、順方向メソッドと逆方向メソッドを実装します: 1. 「goback(){this.props.history.goBack()}」を通じて順方向ルーティングを実装します; 2. 「go(){this.props. History.go(-1) }" を使用してルーティングのロールバックを実装します。

#このチュートリアルの動作環境: Windows 10 システム、react18 バージョン、Dell G3 コンピューター。

react-router はどのように前方および後方を実装しますか?

React ルーティング ジャンプ メソッドと前方および後方へのルーティング

1. タグ Jump

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

2. イベント Jump

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

前方へのルート goBac ()

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

ルート ロールバック プッシュ()

go(){
      this.props.history.go(-1) 
  }

推奨学習:「react ビデオ チュートリアル 」

以上が反応ルーターで前方と後方を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。