解决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}
>
相关推荐
a别念m7 分钟前
webpack基础与进阶
前端·webpack·node.js
aiguangyuan16 分钟前
浅谈 React Suspense
react·前端开发
芭拉拉小魔仙21 分钟前
【Vue3/Typescript】从零开始搭建H5移动端项目
前端·vue.js·typescript·vant
axinawang22 分钟前
通过RedisCacheManager自定义缓存序列化(适用通过注解缓存数据)
前端·spring·bootstrap
前端南玖32 分钟前
Vue3响应式核心:ref vs reactive深度对比
前端·javascript·vue.js
哔哩哔哩技术40 分钟前
B站在KMP跨平台的业务实践之路
前端
微笑边缘的金元宝40 分钟前
svg实现3环进度图,可动态调节进度数值,(vue)
前端·javascript·vue.js·svg
程序猿小D44 分钟前
第28节 Node.js 文件系统
服务器·前端·javascript·vscode·node.js·编辑器·vim
Trae首席推荐官1 小时前
字节跳动技术副总裁洪定坤:TRAE 想做 AI Development
前端·人工智能·trae
小妖6661 小时前
uni-app bitmap.load() 返回 code=-100
前端·javascript·uni-app