首页 > 解决方案 > React dropzone 上传器文件上传状态是“中止”多个文件上传

问题描述

我正在尝试使用 React dropzone 上传器上传多个文件。

import Dropzone from "react-dropzone-uploader";

const handleChangeStatus = async (fileWithMeta, status) => {
if(status === 'ready'){
const file = fileWithMeta.file
    // Some validation I am doing here
    // If all files are valid then I am calling one function
    // from parent through props. This function is setting state
    // value with selected files in parent component
    someFunctionfromProps(file);        
}}

<Dropzone
      getUploadParams={getUploadParam}
      onChangeStatus={handleChangeStatus}
      accept={fileTypesFormats.types}
      autoUpload={false}
      multiple={true}
    >
</Dropzone>

// Below function is at parent component
someFunctionfromProps= async (files) => {
 this.setState({
  files: [...this.state.files, files],
 });
};

由于 someFunctionfromProps 文件上传被“中止”,只有一个文件被成功上传,其余所有文件都被“中止”。有人可以帮我做错什么吗?

标签: reactjsreact-dropzone

解决方案


推荐阅读