antd的文件上传的组件里面的showUploadList怎么使用

Ant Design 的 Upload 组件中的 showUploadList 属性用于控制上传文件列表的展示方式。该属性可以设置为一个布尔值或者一个对象。

当 showUploadList 的值为 true 时，会展示已上传文件列表的默认样式。当 showUploadList 的值为 false 时，不会展示已上传文件列表。当 showUploadList 的值为一个对象时，可以自定义已上传文件列表的展示方式。

以下是一个示例代码：

import { Upload } from 'antd';

const props = {
  name: 'file',
  action: '/upload.do',
  headers: {
    authorization: 'authorization-text',
  },
  showUploadList: {
    showPreviewIcon: true,
    showRemoveIcon: false,
    showDownloadIcon: true,
    removeIcon: <span>移除</span>,
  },
  onChange(info) {
    if (info.file.status !== 'uploading') {
      console.log(info.file, info.fileList);
    }
    if (info.file.status === 'done') {
      message.success(`${info.file.name} 上传成功`);
    } else if (info.file.status === 'error') {
      message.error(`${info.file.name} 上传失败`);
    }
  },
};

<Upload {...props}>
  <Button icon={<UploadOutlined />}>上传文件</Button>
</Upload>

在这个示例中，我们设置了 showUploadList 的值为一个对象，并自定义了已上传文件列表的展示方式。具体来说，我们展示了预览和下载图标，但是隐藏了移除图标，并将移除图标的文本设置为“移除”。