ユーザーがページをリロードした場合に、ユーザーを別のページにリダイレクトするにはどうすればよいですか?

Question

React では、onunload と onbeforeunload を使用して、リロード後にユーザーを現在のページから別のページにリダイレクトしようとしています。ただし、最初のリロード後、URL が変更されたことが表示され、再び現在のページに戻ります。 2 回目のリロード後、リダイレクト ページに移動します。 これらは私が試したいくつかのコードです...

テスト 001: [ページを離れる] ボタンを確認またはクリックすると、リダイレクトされるはずです。実際には、そのページに移動し、前のページにリダイレクトされます。 >_<<

リーリー リーリー

テスト 002: 次に、タイミングの問題ではないかと考え、タイマーを設定しました。今、事態はさらに悪化しています！そこには行きません。

リーリー

Answer 1

＃＃＃これを試して：＃＃＃ リーリー

デフォルトの MyComponent をエクスポートします;

Answer 2

beforeunload イベントを使用してユーザーをリダイレクトしようとした後にページが 2 回リロードされるブラウザの「バウンス効果」または「二重リロード」の問題は、ブラウザのセキュリティ対策により完全に防ぐことが難しい場合があります。ただし、その影響を最小限に抑えるために使用できる特定のテクニックがあります。 効果的なアプローチの 1 つは、フラグ データをグローバルな場所に保存し、ページをリロードしているユーザーを追跡できるようにすることです。

この男はなんとかこの問題を解決しました

localstorage/sessionStorage にフラグを保存し、リダイレクトが成功したときにフラグを破棄する別の解決策があります。以下はコードです。好きなように使用できます。

リーリー