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

背景: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
});
复制代码

 

posted @   十里霜天  阅读(13274)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示