解决antd modal+Form 一起用,第二次打开会显示上次输入数据的问题

问题描述

在antd中使用<Modal/>包裹<Form/>时, 第二次打开<Modal/>会自动带入上一次输入的内容。

如下,第一次打开:

第二次打开:

解决办法

<Modal/>组件添加属性:destroyOnClose={true},即在关闭<Modal/>时销毁其包裹的子元素

代码如下:

typescript 复制代码
<Modal title="人工审核意见" 
	open={isModalEditOpen} 
	onCancel={handleCancel} 
	onOk={handleOk} 
	destroyOnClose={true}
	footer={false} 
	mask={false} 
	maskClosable={false}
>
相关推荐
Pu_Nine_91 分钟前
Vue Router 企业级配置全攻略:打造专业级路由系统
前端·vue.js·typescript·vue-router·路由配置
Marshmallowc2 分钟前
React 合成事件失效?深度解析 stopPropagation 阻止冒泡无效的原因与 React 17+ 事件委派机制
前端·javascript·react.js·面试·合成事件
遗憾随她而去.43 分钟前
前端浏览器缓存深度解析:从原理到实战
前端
万行1 小时前
企业级前后端认证方式
前端·windows
2501_948120151 小时前
基于Vue 3的可视化大屏系统设计
前端·javascript·vue.js
Jinuss2 小时前
源码分析之React中createFiberRoot方法创建Fiber根节点
前端·javascript·react.js
Jinuss2 小时前
源码分析之React中ReactDOMRoot实现
前端·javascript·react.js
摘星编程2 小时前
React Native鸿蒙版:React Query无限滚动
javascript·react native·react.js
web守墓人2 小时前
【前端】vue3的指令
前端
想起你的日子3 小时前
EFCore之Code First
前端·.netcore