Reactjs 如何防止单击背景时取消材质UI对话框?
我有一个React JS应用程序,它使用了Dialog组件,我似乎找不到任何文档来说明如何通过单击背景来防止对话框自动消失。我在对话框中有一个明确的操作,我想用它来控制解雇 我试着阅读文档,当然在这里搜索,但没有找到任何有用的或包含示例的内容。感谢您的帮助;这是我第一次使用ReactReactjs 如何防止单击背景时取消材质UI对话框?,reactjs,material-ui,Reactjs,Material Ui,我有一个React JS应用程序,它使用了Dialog组件,我似乎找不到任何文档来说明如何通过单击背景来防止对话框自动消失。我在对话框中有一个明确的操作,我想用它来控制解雇 我试着阅读文档,当然在这里搜索,但没有找到任何有用的或包含示例的内容。感谢您的帮助;这是我第一次使用React <Dialog onClose={handleClose} aria-labelledby="simple-dialog-title" open={open}> <DialogTitle id
<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>
将媒体上载到服务器
有人提到这是一个可能的副本,但没有发现它的帮助,因为我使用的是对话框组件,而不是模态 试试这个:
<Dialog onClose={handleClose} aria-labelledby="simple-dialog-title"
open={open} onBackdropClick="false">
<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>
将媒体上载到服务器
您还可以通过设置
disableBackdropClick=“true”
来实现它,这可能更适合您的用例。可能会重复谢谢!我看到onBackdropClick事件,但没有想到将基于字符串的“false”作为值。谢谢大卫