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 }
这样就达到想让哪个弹窗出来就让哪个弹窗出来的效果了,颜色也不会加深,效率也提高了