如何告诉自定义 onSuccess 函数停止 Ant Design Upload 组件中的上传微调器？

Question

我有这个代码：

render() {
    const props = {
      onChange: this.handleChange,
      multiple: true,
      name: 'datafiles[]',
      defaultFileList: this.initialState.fileList,
      listType: "text",
      onSuccess: (resp, file, xhr) => {
        file.status = 'done';
        const newDatafile = {
          filename: file.name,
          s3ObjectKey: `${this.props.userId}/${this.props.datasetId}`,
          filesizeBytes: file.size
        }
        this.props.saveNewDatafile(newDatafile, (saveError, savedJob) => {
            //Yadda yadda
        })
      },
      showUploadList: {
        showPreviewIcon: true,
        showRemoveIcon: true
      },
      customRequest: customRequest
    };

如您所见，我正在使用customRequest. 如果我不传递该onSuccess函数，则该组件在成功时正常工作。但是当我通过它时，进度条到了最后，但它仍然显示spinner，好像它仍在上传一样。

文件名前的讨厌的微调器

如何告诉上传组件上传完成？我试图用file.status = 'done'它来修复它，但没有运气。我需要自定义onSuccess函数，以便我可以调用该saveNewDatafile函数。

Answer 1

我通过使用 onChange 函数而不是 onSuccess 函数来修复它，并添加条件if (file.status === 'done')