reactjs - 如何在 material-ui 中创建非模态对话框

标签 reactjs modal-dialog material-ui

我正在尝试在 Material ui 中创建一个不会阻止主要内容的对话框。

使用下面的代码,我只能隐藏背景但不能禁用背景。

 <Dialog open={this.state.open}  onClose={this.handleClose} hideBackdrop={true} > 

有人可以解决我关于如何使用不会阻止主要内容的 material-ui 创建模态的问题吗

最佳答案

这种行为是模态固有的,Dialog基于 Modal .如果您不希望它阻止主要内容,那么一种选择是使用 Popper而不是 Dialog .

关于reactjs - 如何在 material-ui 中创建非模态对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55733179/

相关文章:

reactjs - React.js - 如何将事件处理程序传递给深度嵌套的组件而不需要 Prop 钻探?

javascript - URIError : Failed to decode param '/<myusername>/<projectname>/%PUBLIC_URL%/manifest.json'

jquery - MVC 中的 Bootstrap 模式,双背景 - 背景出现两次

reactjs - 如何将现有的 InputProps 与子组件中的其他 InputProps 结合起来

reactjs - 使用 React + Material UI Card Expander 扩展单个卡片

javascript - React 表单输入类型中的 PropType 错误

reactjs - 命名空间 'React' 没有导出成员 'FC'

javascript - 尝试使简单模态示例适应 asp.net 数据列表转发器

jquery - 居中 jQuery 模态对话框弹出窗口

html - React - Material 用户界面 : How to remove scrollbar from table