ant design Modal遮罩层颜色加深 解决方案

1.原因

  页面中存在多个Modal同时渲染及弹出(在table里使用Modal就会出现这种问题)

2.解决方案

  不让多个Modal同时渲染就行了,设置Modal的visible属性为this.state.delModalVisible,this.state.delModalVisible的值为[], 如果是在table里可以这么做:

showDelModal(id) {
    const delModalVisible = this.state.delModalVisible
    delModalVisible[id] = true
    this.setState({
      delModalVisible
     })
  }
{ this.state.delModalVisible[record.id] ?
         <Modal
            visible={this.state.delModalVisible[record.id]}
         >
         </Modal>
         : null
}

这样就达到想让哪个弹窗出来就让哪个弹窗出来的效果了,颜色也不会加深,效率也提高了

原文地址:https://www.cnblogs.com/ruoshuisanqian/p/10310679.html