Reactで記録せずにページジャンプを実現する方法

記録せずにページジャンプを実現するための React メソッド: 1. 対応する反応ファイルを開きます; 2. 「this.props.history.replace("/home");」メソッドを使用してページジャンプとクリアを実現します現在のページの履歴だけです。

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

反応で記録せずにページジャンプを実現するにはどうすればよいですか?

React-router: ページ ジャンプと現在のページの履歴のクリア

次のような状況があります:

ユーザーがアクティベーション リンクを開きます。ユーザーがアクティベーションプロセスを完了すると、別のページに移動します。

ユーザーが戻ったときに、再度アクティベーション手順に入る可能性があるため、ブラウザの履歴にアクティベーション リンクを保持したくありません。

replace を使用してページにジャンプできます

this.props.history.replace("/home");

関連紹介:

this.props.history.replace()このメソッドのパラメータは、replace 属性を持つリンクです。は true コンポーネントの to 属性は状態を渡すこともできます;

 this.props.history.replace(`/Page2/Div1`)
 //等同于
 <Link replace to=`/Page2/Div1`></Link>
 this.props.history.replace(`/Page2/Div1`,{ id: 1, message: "你好啊" })
 //等同于
 <Link replace to={{pathname:`/Page2/Div1`,state:{id: 1, message: "你好啊"}}></Link>

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

以上がReactで記録せずにページジャンプを実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。