[React] functionで書かれたページを離脱する際に警告ポップアップを出したい

Question

やりたいこと：
すでにFunctionで書かれているページに処理を完了せずにページ遷移しようとした際にポップアップを出したい

環境：
フロントエンド：React,Redux,Javascript

Reactでページを作成するにはclassで定義する方法とfunctionで定義する方法の２つがあると思います。
classで書かれたページではrouterWillLeaveを使ってポップアップを出す方法は分かるのですが、
functionで書かれたページで該当のポップアップを出す方法がわかりません。

functionではページ遷移をトリガーにポップアップを出すことは不可能なのでしょうか？

分かりづらい質問ですみませんが、よろしくお願い致します。

Comments

[HayatoKamono]

質問が不明瞭ですので、こちらの「質問のヒント」を熟読の上、全体的に質問を修正・補足を行って下さい。https://teratail.com/help/question-tips

Answer 1

functionで書かれたページでは実現不可能で、class構文に書き直す必要があるようです。