解决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}
>
相关推荐
GISer_Jing6 分钟前
Flutter开发全攻略:从入门到精通
android·前端·flutter
艾小码10 分钟前
Vue组件通信不再难!这8种方式让你彻底搞懂父子兄弟传值
前端·javascript·vue.js
lcc18711 分钟前
Vue 数据代理
前端·javascript·vue.js
Moment12 分钟前
为什么我们从 Python 迁移到 Node.js
前端·后端·node.js
excel17 分钟前
📘 全面解析:JavaScript 时间格式化 API 实战指南
前端
咖啡の猫1 小时前
Vue基本路由
前端·vue.js·状态模式
青衫码上行1 小时前
【Java Web学习 | 第七篇】JavaScript(1) 基础知识1
java·开发语言·前端·javascript·学习
咖啡の猫1 小时前
Vue编程式路由导航
前端·javascript·vue.js
夏鹏今天学习了吗6 小时前
【性能优化】前端高性能优化策略
前端·性能优化
weixin_427771619 小时前
css font-size 的妙用
前端·css