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

3次阅读

共计 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});
正文完
 0