hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

React-Routerでページ遷移時にカスタムデザインのモーダルで遷移確認プロンプトを出す方法

うおおおお〜!!!ありがとう!

この投稿にclapをつけるためにMediumのアカウント作ったよ

Using React-Router v4/v5 Prompt with custom modal component | by Michael Chan | Medium
https://medium.com/@michaelchan_13570/using-react-router-v4-prompt-with-custom-modal-component-ca839f5faf39

とりあえずmessageはメッセージ表示用の文言か、遷移OKのtrueかが帰ってくる関数になってるからうまいことカスタムしてねって!(語彙!

取り合えず私は「TypeScript and React 16+ version」の記述をTSからJSに変更したら行けました。
ほぼ同じ内容のコンポーネントを通常のmodal用に作っていたので、
それを複製してfunctionをいじるだけでブラウザのpronptからmaterial-uiのmodalに変更出来ました。
(もたせてるプロパティがボタンのラベルと分岐ごとのfunctionとかでほぼ同じでデスヨネーって嬉しかった)

ありがとう〜〜〜!!投稿者〜〜〜!

その他参考

Reactでページ遷移時にアラート・確認ダイアログなどを出す方法 – Qiita
https://qiita.com/seya/items/c48a2c1618252f058dd1


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください