如何在 Muidialog 中禁用 MuiBackdrop（Material UI 反应）

Question

每当我在材质 UI 中调用 MuiDialog 标签时，它总是为背景渲染一个 div 标签，如下所示：

<div class="MuiDialog-root> 
    //THIS IS IT
    <div class="MuiBackdrop-root" aria-hidden="true" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"></div>
</div>

我知道在 MuiDialog 中，我们可以像这样设置 Backdrop 的属性：

<MuiDialog BackDropProps={{//WRITE SOMETHING HERE}}
>
</MuiDialog>

但我不知道要填写什么才能让它消失。请帮忙

Answer 1

您需要将hideBackdrop道具设置为true。

如果您查看 Material UI 上对话框文档的底部，它会显示以下内容：

遗产。Modal 组件的 props 也可用。您可以利用此行为来定位嵌套组件。

hideBackdrop是 Modal 组件中的一个 prop。