解决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}
>
相关推荐
KaMeidebaby2 分钟前
卡梅德生物技术快报|Pull Down 实验在 lncRNA - 蛋白互作机制研究中的应用实例解析
大数据·前端·架构·spark·新浪微博
锋行天下12 分钟前
让nginx网关扛下所有攻击
前端·后端·nginx
广州华水科技23 分钟前
单北斗GNSS是什么?主要有哪些形变监测应用?
前端
边界条件╝1 小时前
微前端进阶(二)
前端
代码N年归来仍是新手村成员1 小时前
【AWS】Lambda 初识与服务部署
javascript·react.js·ai·node.js·云计算·ai编程·aws
罗超驿1 小时前
9.零基础学CSS:元素属性设置(字体、颜色、对齐等)全解析
前端·css
云水一下1 小时前
JavaScript 从零基础到精通系列:流程控制、函数与作用域
前端·javascript
大雷神2 小时前
HarmonyOS APP<玩转React>开源教程三十一:示例项目下载功能
react.js·开源·harmonyos
柚子科技2 小时前
Vue3 响应式原理:我被 ref 和 reactive 坑了3次后终于搞懂了
前端·javascript·vue.js
Richown2 小时前
用 Three.js + React 打造一个赛博朋克风格的 3D 作品集页面
区块链·react