React でカスタムアラートを使用してタブを切り替えるにはどうすればよいですか?

Question

私は、react-router アラートを作成しているので、ここでは、あるタブから別のタブに切り替えるときにアラート メッセージを適用したいと考えています。関数confirmSwitchTabを作成したためalert属性を適用しましたが、機能しません。各ルートでタブから別のタブに切り替えたいときにメッセージが表示されるようにプロンプ​​トを作成するにはどうすればよいですか。 import{React,useState}from「react」;import{リンク}

P粉564301782 · Answer

コードがデフォルトのリンクアクションの発生を妨げていないため、機能しません。リンクがクリックされると、接続された onClick ハンドラーが他のロジックを実行している間に、ナビゲーションアクションが直ちに有効になります。

クリックハンドラーは、クリックイベントオブジェクトを使用し、そのオブジェクトに対して preventDefault を呼び出して、ナビゲーション操作の発生を停止する必要もあります。

リーリー

P粉914731066 · Answer

onLeave の仕組みについて誤解があると思います :-)

true を返しても「離脱操作は確認されません」。いずれにしても休業要請は確定となります。 onLeave 属性は単純に関数を受け取り、ページを離れるときにそれをトリガーします。この関数は、ここのようにヒントとして使用できますが、戻り値は使用されません。

達成したいことは、ページが実際に離れる前に完了する必要があります。アプリケーションのどこかに、ボタンをクリックして実際にページを変更できるナビゲーションメニューが必要です (通常は

を使用します) リーリー

)

ここで関数を使用します。

同様のものがあると仮定します

リーリー

このコールバックでconfirmSwitchTab関数を呼び出したいとします。

これを

のように変更できます。リーリー

これがお役に立てば幸いです。私の質問が間違っている場合はお知らせください。

＃＃＃乾杯＃＃＃

質問を編集した後

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