Reactモーダルの非表示

Question

reactでログインモーダルとかポップアップをコンポーネントの外クリックすれば非表示にするみたいなUIを作る時って、クラス構文でライフサイクルメソッドにイベントリスナー設定する下のような方法以外にありますでしょうか？

https://stackoverflow.com/questions/32553158/detect-click-outside-react-component

HOCだったらこう書けるとか、v16とかだとPortal使うべきなのかなとか、その辺ざっくりな答えでもいいので詳しい方いらっしゃれば教えていただきたいです????

Comments

[退会済みユーザー]

portalなんてのが追加されたんですね。公式サイトアプデされたと聞いたので読んでみよ！

Answer 1

表示のさせ方は色々あるでしょうけど、背景クリックで非表示となると、普通にオーバーレイにクリックイベント紐付けて、クリックされたら消すっていうやり方にならざるを得ないのでは？