Antd 文件上传未重置

Question

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

Answer 1

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

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>

这是 stackblitz 链接的编辑版本。