相关疑难解决方法(0)

每当我在材质 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>

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

我有一个使用 Dialog 组件的 React JS 应用程序，我似乎找不到任何关于如何防止对话框被仅通过单击背景自动关闭的文档。我在对话框中有一个明确的动作，我想用它来控制解雇。

我试过阅读文档，当然也在这里搜索，但没有找到任何有用的或包含示例的内容。任何帮助表示赞赏；这是我第一次使用 React。

<Dialog onClose={handleClose} aria-labelledby="simple-dialog-title" open={open}>
  <DialogTitle id="simple-dialog-title">Uploading Media To Server</DialogTitle>
  <React.Fragment>
    <Grid container alignItems="center" justify="center">          
        <img src={LoadingGif} width="150" />
    </Grid>
  </React.Fragment>
</Dialog>

有人提到这可能是How to handle "outside" click on Dialog (Modal) with material-ui但没有发现它有帮助，因为我使用的是 Dialog 组件而不是 Modal。