关于ant-design:ant-design-Modal关闭时清除数据的解决方案

45次阅读

共计 463 个字符，预计需要花费 2 分钟才能阅读完成。

背景：modal 组件敞开时不革除数据，原来输出的数据还存在

解决方案：
1、modal 的 api：destroyOnClose
2、手动管制 modal 的销毁

this.state = {destroy:true     // 设一开始为不显示状态}

{
  this.state.isDestroy
  ? '': <Modal className="cjy-rcm-modal" title={this.oprt} footer={null} visible={this.state.visible} onOk={this.handleOk} onCancel={this.handleCancel}>
        <ReAddScoreOption itemData={this.state.itemData} handleCancel={this.handleCancel} submitData={this.submitData}/>
   </Modal>
}

显示：this.setState({destroy:false});

销毁：this.setState({destroy:true});

正文完