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
}

這樣就達到想讓哪個彈窗出來就讓哪個彈窗出來的效果了，顏色也不會加深，效率也提高了