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

Question

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

如图所示，我希望模态仅在应用程序的这一部分是模态的。

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

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

Answer 1

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

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