自定义容器

Question

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

我想模态到应用程序的这一部分只是模态，如图所示。

以下是Dialog组件https://material-ui-next.com/api/dialog/

的文档

非常感谢任何帮助！

Answer 1

我遇到了同样的问题。它未在<Dialog />部分中记录，但如果您查看<Modal />组件的API docs，则会有一个称为“容器”的道具。由于Dialog实际上只是一个经过修改的Modal组件，因此您可以使用相同的道具......

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