当前位置:   article > 正文

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

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博客】
推荐阅读
相关标签
  

闽ICP备14008679号