閲覧いただきまして、誠にありがとうございます。
Reactでブラザバックした時に、<Modal />
コンポーネントを出現させたいと考えています。
現在は下記のようない実装をしているのですが、現状では2つの問題があります。
1. モーダルではなく、デフォルトのアラートが表示されてしまう
2. ブラウザバックだけでなく、次の画面へ遷移する際にも表示されてしまう
JavaScript
1constructor(props) { 2 super(props); 3 4 this.onUnload = this.onUnload.bind(this); 5} 6 7onUnload(event) { 8 console.log("alert"); 9 event.returnValue = "alert"; 10} 11 12componentDidMount() { 13 window.addEventListener("beforeunload", this.onUnload); 14} 15 16componentWillUnmount() { 17 window.removeEventListener("beforeunload", this.onUnload); 18}
アイデアがある方はご教示いただければ幸いです。
どうぞよろしくお願いいたします。
あなたの回答
tips
プレビュー