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

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')