ReactJsでポップアップを作成するには

Question

私は材料uiを使用しています。ポップアップの作成方法の例はhttp://www.material-ui.com/#/components/dialogです。

ここでのベストプラクティスは何ですか？このコンポーネントをアプリレンダリングメソッドに追加すると、アプリ起動時に作成され、必要に応じて表示/非表示にするか、必要なときに即座に作成する方が良いでしょうか？

それはポップアップなので、私が必要なときにそれを作成するのがちょっと分かります。私の懸念は、Reactがこのようなコンポーネントを集める方法です。メモリに関しては効率的で、古いオブジェクトへの参照を追跡します...

Answer 1

私の意見では、メインアプリケーションの下に置く方が良いでしょう。 その後、ダイアログを表示および閉じるために使用されるブール値（オープン）を変更する2つのアクション、reduxパート（showDialog（）、hideDialog（））を保持できます。 メインアプリケーションがこの値のストアをリッスンさせ、必要に応じてshowDialog（）アクションを呼び出すだけで、 'open'のストア値を変更してメインアプリケーションをダイアログでレンダリングする必要があります。