React Material-Ui(0.20.0) 对话框未显示预期结果?

Posted

技术标签:

【中文标题】React Material-Ui(0.20.0) 对话框未显示预期结果?【英文标题】:React Material-Ui(0.20.0) dialog not show expected results? 【发布时间】:2019-02-28 15:06:57 【问题描述】:

React Material-Ui 具有 Dialog 组件,该组件具有 modal 属性,当我将其更改为 truefalse 时,它显示相同的结果这个属性是什么意思?

这真的让我很困惑,请帮助我吗?

材质UI版本:0.20.0

代码

 <Dialog
        modal=true
        open=props.openClose
        autoScrollBodyContent=true>

             props.children
 </Dialog>

【问题讨论】:

【参考方案1】:

Modal dialog 显然与其他对话框相似,但 Modal dialog 只能通过选择其中一项操作来关闭。

【讨论】:

modal=true 和 modal=false 有什么区别? 当您将modal=true 传递给Modal 组件时,Modal 将是Modal dialog,您可以知道我的答案的区别。 @Sunny 这个答案有帮助吗? 不,我的问题有点不同【参考方案2】:

根据 Material UI 文档,处理 Dialog 可见性的属性是open

在你的例子中,你给出了open=props.openClose。请使用truefalse 更新相同的内容并检查结果。

查看example

另外,请查找 API 文档here

【讨论】:

以上是关于React Material-Ui(0.20.0) 对话框未显示预期结果?的主要内容,如果未能解决你的问题,请参考以下文章

使用 React 和 Material-UI 的开源项目?

在 Material-UI 中使用 React 的 'ref' 属性

React + Material-UI |如何创建水平滚动卡片?

为 SelectField 显示空白菜单项的正确方法是啥(material-ui,react)

React中Material-Ui中增加标签的问题

React Material-UI 网格系统 [重复]