如何在ReactJs中创建弹出窗口

时间:2017-04-20 19:34:14

标签: reactjs popup

我正在使用材料ui,有一个示例如何创建弹出窗口http://www.material-ui.com/#/components/dialog

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

因为它是一个弹出窗口,所以当我需要它时,创建它会更有意义。我关心的是React如何收集这些使用过的组件,它对内存有效,跟踪对旧对象的引用......

1 个答案:

答案 0 :(得分:-1)

在我看来,将它放在主应用程序下会更好。 之后,您可以在redux部分(showDialog(),hideDialog())中保留两个操作,这些操作将更改将用于显示和关闭对话框的布尔值(打开)。 让主应用程序听取商店的这个值,并在必要时你只需要调用showDialog()动作,这将改变'打开'的商店值,然后用对话框呈现主应用程序..