如果我们不想显示这两个图标,应该如何操作呢?官方文档上有如下介绍:
通过设置Upload组件的showUploadList属性下的showPreviewIcon, showRemoveIcon, showDownloadIcon,即可控制预览图标、删除图标、下载图标的展示和隐藏
比如,我要隐藏Upload的预览图标
详细代码如下:

<Upload
  action={action}
  accept={accept}
  listType="picture-card"
  maxCount={maxCount}
  multiple
  headers={{'content-type': 'multipart/form-data'}}
  beforeUpload={this.beforeUpload}
  fileList={fileList}
  onRemove={this.onRemove}
  showUploadList={{showPreviewIcon: false}}
</Upload>

通过设置showUploadList={{showPreviewIcon: false}},即可实现预览图标的隐藏,效果如下

文章参考:www.cnblogs.com/zpsblog/p/1…

分类:
前端