实施材料UI对话框

Question

在重要的UI文档中，对话框的实现是通过按钮的onClick实现的。但是可以使用if-else条件在组件的render方法中显示对话框吗？ 就像在登录表单中一样，如果凭据正确，则转到下一个组件；如果不正确，则应在从redux商店获得的道具上使用if-else条件出现一个弹出对话框。

非常感谢您的帮助。

Answer 1

您需要在if-else条件下单击呼叫按钮单击事件。

我在stackblitz Click here上创建了应用

在这里您可以在demo.js中检查我如何设置值并使用if-else条件打开对话框。

Answer 2

对话框的可见性由状态值控制。因此，无论何时何地，您都可以将该状态值设置为true，或者根据下面的Prasad Phule代码，

   <Dialog
      open={this.state.open}
      onClose={this.handleClose}
      aria-labelledby="alert-dialog-title"
      aria-describedby="alert-dialog-description"
    >

每当提供给this.state.open的{​​{1}}道具的状态值open时，无论其onClick函数还是if条件，都会显示该对话框。 / p>