teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

質問の修正、補足をしました

2018/05/31 06:17

投稿

Reiz
Reiz

スコア29

title CHANGED
@@ -1,1 +1,1 @@
1
- [React] routerWillLeaveの使い方
1
+ [React] functionで書かれたページを離脱する際警告ポップアップを出した
body CHANGED
@@ -1,7 +1,13 @@
1
1
  やりたいこと:
2
2
  すでにFunctionで書かれているページに処理を完了せずにページ遷移しようとした際にポップアップを出したい
3
3
 
4
- classで書かれたページでの書き方は分かるのですが、Functionで書かれたページにrouterWillLeaveを足す方法がわかりません。
4
+ 環境:
5
- Functionでは実装不可能でページごとclassで書き直す必要があるのでしょうか?
5
+ フロントエンド:React,Redux,Javascript
6
6
 
7
+ Reactでページを作成するにはclassで定義する方法とfunctionで定義する方法の2つがあると思います。
8
+ classで書かれたページではrouterWillLeaveを使ってポップアップを出す方法は分かるのですが、
9
+ functionで書かれたページで該当のポップアップを出す方法がわかりません。
10
+
11
+ functionではページ遷移をトリガーにポップアップを出すことは不可能なのでしょうか?
12
+
7
13
  分かりづらい質問ですみませんが、よろしくお願い致します。