Antd文件上传没有被重置

Posted 2023-02-18

【中文标题】Antd文件上传没有被重置

【英文标题】：Antd File upload not getting reset

【发布时间】：2022-01-21 22:37:03

【问题描述】：

我有一个表格。其中文件上传是强制性的。第一次没有上传文件时验证工作正常，但是当我上传和删除文件时，表单不会引发验证错误。 这里是 stakbiz https://stackblitz.com/edit/react-x27nfd

【参考方案1】：

您可以像这样在Form.Item 组件上使用getValueFromEvent 属性：

const normFile = (e) => 
  if (Array.isArray(e)) 
    return e;
  
  return e && e.fileList;
;
...
<Form.Item
    label="File"
    name="file"
    getValueFromEvent=normFile
    rules=[
      
        required: true,
        message: 'Please input your File!',
      ,
    ]
  >
   ... 
</Form.Item>

Here 是您的 stackblitz 链接的编辑版本。