Reactjs 封锁背景内容，关注模态

封锁背景内容，关注模态。我正在使用mdbreact。我有一个表，每行都有一个删除和编辑按钮，我不希望用户在显示模式时单击这些按钮。

您可以使用css伪元素

：：background

：

它将发生

视口大小的框，在全屏模式下显示的任何元素的正下方渲染

因此，如果你有一个对话框模式，例如，它是完美的，以防止任何点击的背景

var modal=document.getElementById（“modal”）；
函数closeModal（）{
modal.close（）
}
函数showmodel（）{
modal.showModal（）
}

对话框{
宽度：80%；
顶部：“50px”；
}
对话：背景{
背景：rgba（255,0,0,25）；
}

开放模式
在后台测试单击
冷淡的情态
闭合模态

您可以使用css伪元素

：：background

：

它将发生

视口大小的框，在全屏模式下显示的任何元素的正下方渲染

因此，如果你有一个对话框模式，例如，它是完美的，以防止任何点击的背景

var modal=document.getElementById（“modal”）；
函数closeModal（）{
modal.close（）
}
函数showmodel（）{
modal.showModal（）
}

对话框{
宽度：80%；
顶部：“50px”；
}
对话：背景{
背景：rgba（255,0,0,25）；
}

开放模式
在后台测试单击
冷淡的情态
闭合模态

我使用了MDBReact中的DisableBackground道具，如下所示：

<Modal disableBackdrop="true" ... />

---

有关更多信息，请阅读此处：

我使用了MDBReact中的DisableBackground道具，如下所示：

<Modal disableBackdrop="true" ... />

有关更多信息，请阅读此处：