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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM