Clear data solutions when ant design Modal Close

Original link: http://www.cnblogs.com/ruoshuisanqian/p/10402561.html

BACKGROUND: modal component data is not cleared off, the original input data exist

solution:

  1、modal的api:destroyOnClose

  2, manual control modal destruction

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
});

 

Reproduced in: https: //www.cnblogs.com/ruoshuisanqian/p/10402561.html

Guess you like

Origin blog.csdn.net/weixin_30240349/article/details/94843422