Antd文件上载未重置 [英] Antd File upload not getting reset

问题描述

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

推荐答案

您可以在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链接的编辑版本。

这篇关于Antd文件上载未重置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！