typescript - 自定义容器上的 Material UI React Modal Dialog

标签 typescript material-ui

我试图显示一个仅部分模态的对话框,就像在特定元素上的模态一样,以便用户仍然可以与应用程序的其他部分进行交互。文档指定对话框组件具有 containerfullscreen 属性。我已经尝试将 container 属性设置为我想要呈现对话框和背景的 div 元素。但没有任何运气。

enter image description here 如图所示,我希望模态仅在应用程序的这一部分是模态的。

这是 Dialog 组件的文档 https://material-ui-next.com/api/dialog/

如有任何帮助,我们将不胜感激!

最佳答案

我遇到了同样的问题。 <Dialog /> 中没有记录部分,但如果您查看 API docs对于 <Modal />组件有一个名为“容器”的 Prop ,因为 Dialog 实际上只是一个修改过的模态组件,所以你最好使用相同的 Prop ......

<Dialog
    container={() => document.getElementById('parentCo')}>
</Dialog>

关于typescript - 自定义容器上的 Material UI React Modal Dialog,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49236761/

相关文章:

typescript - 类型 'string | AddressInfo' 没有属性 'port' 也没有字符串索引签名

reactjs - 如何使用 MaterialUI 和 Redux 将 TextField 更改设置为状态?

javascript - 使用material-ui自动完成获取选中值的 "ID"

javascript - angular 9 loadchildren 不加载 css、js、图像文件

typescript - 使用 TypeScript 混合模式?

angular - 由于 "Value below was evaluated just now"无法获取数据

javascript - 上传前如何分割数据?

javascript - Uncaught ReferenceError : e is not defined/material ui data-grid

reactjs - 在 Material UI 的 <ExpansionPanelDetails> 中保留新行

reactjs - Material UI - 如何更改 FormControlLabel 中标签的字体大小