解决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}
>
相关推荐
今天头发还在吗12 小时前
React + Ant Design 日期选择器避免显示“Invalid Date“的解决方案
前端·react.js·前端框架·ant design
时雨__13 小时前
利用AndVX6开发流程图——问题总结
前端
云枫晖13 小时前
深入浅出npm:现代JavaScript项目基石
前端·javascript·node.js
不一样的少年_13 小时前
你家孩子又偷玩网页游戏? 试试这个防沉迷工具
前端·javascript·浏览器
春秋半夏13 小时前
vue2二次封装el-select支持collapse-tags-tooltip
前端
昔人'13 小时前
css`scrollbar-gutter`防止滚动条可见性变化时发生布局偏移
前端·css
掘金安东尼13 小时前
前端周刊第436期(2025年10月13日–10月19日)
前端·javascript·github
小叫花子13 小时前
用 UniApp 开发微信小程序蓝牙通信功能
前端
勤奋菲菲13 小时前
深入理解HTML文本标签:构建网页内容的基础
前端·html