解决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}
>
相关推荐
全栈探索者5 小时前
列表渲染不用 map,用 ForEach!—— React 开发者的鸿蒙入门指南(第 4 期)
react.js·harmonyos·arkts·foreach·列表渲染
雯0609~5 小时前
hiprint:实现项目部署与打印3-vue版本-独立出模板设计与模板打印页面
前端·vue.js·arcgis
杜子不疼.6 小时前
【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛
linux·服务器·前端
程序员Agions6 小时前
useMemo、useCallback、React.memo,可能真的要删了
前端·react.js
滕青山6 小时前
Vue项目BMI计算器技术实现
前端·vue.js
子兮曰6 小时前
深入浏览器指纹:Canvas、WebGL、Audio是如何暴露你的身份的?
前端·浏览器·canvas
月亮补丁6 小时前
AntiGravity只能生成 1:1 图片?一招破解尺寸限制
前端
何中应6 小时前
MindMap部署
前端·node.js
NAGNIP6 小时前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
一个网络学徒7 小时前
python5
java·服务器·前端