防止 Material-UI Dialog 将内联样式应用于正文

【问题标题】：Prevent Material-UI Dialog from applying inline styles to body防止 Material-UI Dialog 将内联样式应用于正文
【发布时间】：2020-05-23 06:31:03
【问题描述】：

在下图中，您可以看到在打开对话框时已添加到<body> 元素的padding-right 和overflow 内联样式。

如何防止 Material-UI 将这些样式添加到 body 元素？

【问题讨论】：

【解决方案1】：

此功能是Modal 的一部分（由Dialog 使用）并在here 中实现。

您可以通过将 disableScrollLock 属性添加到您的 Dialog 来关闭此功能。

例子：

<Dialog
      disableScrollLock
      onClose={handleClose}
      aria-labelledby="simple-dialog-title"
      open={open}
    >
  ...
</Dialog>

【讨论】：