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