AntD Modal框銷燬(隱藏時清除資料)
阿新 • • 發佈:2018-12-13
Modal元件自帶的visible屬性只能控制Modal的顯示與否,無法真正銷燬Modal。
要想真正銷燬Modal我們可以不控制Modal的visible屬性,轉而控制Modal這個元件的有無。
首先,定義一個控制Modal有無的狀態:
this.state = {
destroy:true //設一開始為不顯示狀態
}
通過此狀態來判斷是否生成Modal元件
顯示:{ 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
});
ps:新版本的ant design已經增加這一功能啦,
即destroyOnClose屬性