如何在ReactJs中创建弹出框

Question

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

我的问题是这里最好的做法是什么？我是否应该在应用程序渲染方法中添加此组件，以便在应用程序启动时创建该组件，并根据需要显示/隐藏它，或者当我需要时创建它时会更好吗？

由于它是一个弹出窗口，所以在我/我需要时创建它会更有意义。我关心的是React如何收集这些使用过的组件，它是否有效率地关于内存，跟踪旧对象的引用......

Answer 1

在我看来，最好是把它放在主应用程序下。 之后，您可以在redux部分（showDialog（），hideDialog（））中保留两个动作，它们会更改将用于显示和关闭对话框的布尔值（打开）。 让主应用程序听取此值的商店，并在必要时只需调用showDialog（）操作，该操作将更改“打开”的商店值，然后使用对话框呈现主应用程序。