ホームページ >ウェブフロントエンド >フロントエンドQ&A >反応ルーターで前方と後方を実装する方法
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 サイトの他の関連記事を参照してください。