300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > antd中 Modal 和Form一起使用时 Form表单清空

antd中 Modal 和Form一起使用时 Form表单清空

时间:2021-07-26 14:11:25

相关推荐

antd中 Modal 和Form一起使用时 Form表单清空

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

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

注意:这里如果使用了shouldUpdate,会有问题。编辑时,即使有默认值,提交表单获取不到相应的value

参考链接:https://ant.design/components/modal-cn/

第二种:如果用hooks,可以在useEffect中判断,如果modal状态发生改变,用form.resetFields()重置表单数据

第三种:如果第二种不生效,把modal的状态值也添加进effect参数中

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。