antd的文件上传的组件在上传zip压缩包失败时，怎么在文件列表显示失败状态

可以通过在上传文件时，添加一个错误状态的对象，来实现在文件列表中显示失败状态。具体实现步骤如下：

1. 在上传文件失败的回调函数中，添加一个错误状态对象，如下：

handleUploadError = (error, file) => {
  const { fileList } = this.state;
  fileList.push({
    uid: file.uid,
    name: file.name,
    status: 'error',
    response: error.message || '上传失败',
  });
  this.setState({ fileList });
}

2. 在 Antd 的 Upload 组件中，设置 fileList 属性，将文件列表作为状态来管理，如下：

<Upload
  fileList={this.state.fileList}
  customRequest={this.handleUpload}
  onChange={this.handleUploadChange}
>
  <Button>
    <UploadOutlined /> 上传文件
  </Button>
</Upload>

3. 在渲染文件列表时，根据状态来显示不同的图标和文本，如下：

renderFileList = () => {
  const { fileList } = this.state;
  return fileList.map((file) => (
    <List.Item key={file.uid}>
      <List.Item.Meta
        avatar={
          <Avatar
            icon={file.status === 'error' ? <ExclamationCircleOutlined style={{ color: 'red' }} /> : <FileOutlined />}
          />
        }
        title={file.name}
        description={file.status === 'error' ? file.response : ''}
      />
    </List.Item>
  ));
}