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

转载于:https://www.cnblogs.com/ruoshuisanqian/p/10402561.html

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

ant design Modal遮罩层颜色加深解决方案
ant design Modal遮罩层颜色加深解决方案参考文章: (1)ant design Modal遮罩层颜色加深解决方案 (2)https://www.cnblogs.com/ruoshu ...
使用react-draggable和react-resizable实现Ant Design Modal的拖动和拖拽改变宽度
文章目录使用react-draggable和react-resizable实现Ant Design Modal的拖动和拖拽改变宽度需求实现参考代码参考使用react-draggable和r ...
ant design table column 设置width不生效解决方案
ant design table column 设置width不生效解决方案参考文章: (1)ant design table column 设置width不生效解决方案 (2)https://ww ...
【推荐】智慧城市时空大数据平台解决方案标准规范指南GIS影像地图（共81份，972M）
[推荐]智慧城市时空大数据平台解决方案标准规范指南GIS影像地图,标准规范指南,整体解决方案,技术架构应用,售前宣贯方案PPT,ESRI论坛时空大数据学习资料. 下载地址:https://downlo ...
ant design Cascader 实现联动省市区数据
最近项目用到react,刚刚接触react ,有很多要学习的地方,当然了要先从强大的ui库学起,因为项目中用到了省市区选择的插件,就搜了一下ant design里面果然又这样的组件,后台又没有相 ...
2020-10-20 Ant Design Vue 关闭国际化设置默认语言为中文的
作为一个小白,一开始做中后台项目用的就是Antdv 百度找不到什么资料的情况下还是蛮绝望的,慢慢的搞懂一些框架用法之后写一下自己的踩坑日志,希望能帮助到别人.如有不正确的地方,敬请提出指正.谢谢各位. ...
Ant Design Pro模板无多标签页解决方案
白嫖了无尽岁月,我也来写个博客.希望能帮到你! 网上一些方案都是把官方模板替换成自己写的.本人的方案是在模板的基础上进行添砖加瓦,理解起来更容易! 解决思路是: 记录页面切换时的路由(onPageCh ...
【Error】初始化ant design pro项目时遇到“pro 不是内部或外部命令”
解决办法: 将 pro create myapp 改为 npx pro create myapp 即可解决
计算机无响应 win7,Win7系统计算机关闭时无响应的解决方案
Win7系统已经使用了很长时间,许多网友报道说,计算机无法响应win7系统的关机问题非常不便. 有什么方法可以永久解决win7系统计算机点关机无响应的问题,面对win7系统计算机点关机无响应的故障问题 ...

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

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

最新文章

热门文章