自定义容器上的材质UI反应模式对话框 [英] Material UI React Modal Dialog on custom container
本文介绍了自定义容器上的材质UI反应模式对话框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图显示一个只有部分模式的对话框,就像在特定元素上的模式一样,这样用户仍然可以与应用程序的其他部分交互。文档指定对话框组件具有container
和fullscreen
属性。我尝试将container
属性设置为要在其上呈现对话框和背景的div元素。但是没有任何运气。
以下是对话框组件https://material-ui-next.com/api/dialog/
的文档如有任何帮助,我们将不胜感激!
推荐答案
我遇到了同样的问题。它没有记录在<Dialog />
一节中,但是如果您查看<Modal />
组件的APIdocs,就会发现有一个名为‘CONTAINER’的道具,而且因为Dialog实际上只是一个修改后的Modal组件,所以您最好使用相同的道具.
<Dialog
container={() => document.getElementById('parentCo')}>
</Dialog>
这篇关于自定义容器上的材质UI反应模式对话框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文