如何在ReactJs中創建彈出框

Question

我正在使用素材ui，有一個示例如何創建彈出框http://www.material-ui.com/#/components/dialog。

我的問題是這裏最好的做法是什麼？我是否應該在應用程序渲染方法中添加此組件，以便在應用程序啓動時創建該組件，並根據需要顯示/隱藏它，或者當我需要時創建它時會更好嗎？

由於它是一個彈出窗口，所以在我/我需要時創建它會更有意義。我關心的是React如何收集這些使用過的組件，它是否有效率地關於內存，跟蹤舊對象的引用......

Answer 1

在我看來，最好是把它放在主應用程序下。 之後，您可以在redux部分（showDialog（），hideDialog（））中保留兩個動作，它們會更改將用於顯示和關閉對話框的布爾值（打開）。 讓主應用程序聽取此值的商店，並在必要時只需調用showDialog（）操作，該操作將更改「打開」的商店值，然後使用對話框呈現主應用程序。