antd 组件小知识点 之Modal

本文档介绍了在React中使用Modal组件时如何在关闭时销毁内部元素,特别是与Form配合使用时如何确保表单数据清空。重点讨论了`destroyOnClose`属性的设置以及`Form`组件的`preserve`选项,强调在RTL模式下Modal.method()的hooks用法。确保每次打开Modal都能显示新的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

常规 class 类组件 关闭谈框时 可能需要 情况 里面的元素 如state值

有一个 官方文档 的API 提供了一种方法

关键词

destroyOnClose

注意#
<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置 destroyOnClose。

<Modal /> 和 Form 一起配合使用时,设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据,
需要设置 <Form preserve={false} />。

Modal.method() RTL 模式仅支持 hooks 用法。
destroyOnClose	关闭时销毁 Modal 里的子元素	boolean	false

默认为false 想正常使用 要改为 true
destroyOnClose

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值