自定义容器上的材质UI反应模式对话框 [英] Material UI React Modal Dialog on custom container

问题描述

我试图显示一个只有部分模式的对话框，就像在特定元素上的模式一样，这样用户仍然可以与应用程序的其他部分交互。文档指定对话框组件具有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屋！