【AntDesign】Modal模态窗带来的缓存问题

背景 : 使用antdesign modal写模态窗, 列表点击"编辑"可以打开模态窗, 并对里面的文字和图片进行修改

问题 : 每次关闭模态窗后, 点击其他数据进行修改, 会发现图片这栏有时候有数据, 有时候会为空, 明明已经传了imgUrl过来了。

modal模态窗具有缓存问题,也就是关闭的时候其他它并没有真正被销毁掉,包括它里面的数据,即使关闭的时候我已经清空了数据,再次打开时重新赋值,有时也会出现缓存问题。这不仅会影响modal里面的数据,更会影响到modal里面组件的

解决:

在modal上加上这个属性 destroyOnClose={true}, 即关闭时销毁该组件

javascript 复制代码
	<Modal
        centered
        title={tableTitle}
        width={200}
        height={500}
        visible={visible}
        onOk={onSubmitFn}
        onCancel={handleAccessmentCancel2}
        destroyOnClose={true}
      >
      </Modal>
相关推荐
q***T5831 小时前
GitHub星标20万+的React项目,学习价值分析
前端·学习·react.js
合作小小程序员小小店1 小时前
web开发,在线%药店管理%系统,基于Idea,html,css,jQuery,java,ssm,mysql。
java·前端·mysql·jdk·html·intellij-idea
ClassOps1 小时前
Chrome 插件记录
前端·chrome
笙年1 小时前
Vue 作用域插槽
前端·javascript·vue.js
鹏北海2 小时前
从“版本号打架”到 30 秒内提醒用户刷新:一个微前端团队的实践
前端·面试·架构
stormsha2 小时前
CSS 样式美学从基础语法到界面精筑的实战宝典
前端·css·postcss·设计语言
yqcoder2 小时前
css 中,backdrop-filter: blur(10px) 作用
前端·css
一点一木2 小时前
国内首款原生视觉编程模型实测:Doubao-Seed-Code 前端 Agent 从零完成像素画编辑器
前端·人工智能·agent
SoaringHeart3 小时前
Flutter组件封装:标签拖拽排序 NDragSortWrap
前端·flutter
zeijiershuai3 小时前
Vue 工程化、ElementPlus 快速入门、ElementPlus 常见组件-表格组件、ElementPlus常见组件-分页条组件
前端·javascript·vue.js