antd Modal嵌套Form打开还是上一次的数据_antd modal每次打开都是上一次的内容

作者：2023面试高手 | 2024-02-16 06:56:43

踩

antd modal每次打开都是上一次的内容

需求背景:
后台管理系统的一个弹窗同时承接新增和编辑功能（编辑时表单数据回填）

不要给Form 加 initialValues
因为和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据
解决如下：

 React.useEffect(() => {
    if (!updateItem) {
      form.resetFields();
    } else {
      form.setFieldsValue(updateItem);
    }
  }, [modalVisible]);
1
2
3
4
5
6
7

使用resetFields和setFieldsValue即可

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/91640