Move formData to state (note: not working)

CoEDL · May 1, 2021 · 09247da · 09247da
1 parent 3c4ff90
commit 09247da
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/elpis/gui/src/components/Dataset/FileUpload.js b/elpis/gui/src/components/Dataset/FileUpload.js
@@ -10,7 +10,7 @@ import {connect} from "react-redux";
 class FileUpload extends Component {
     constructor(props) {
         super(props);
-        this.state = {missingFiles: []};
+        this.state = {missingFiles: [], formData: new FormData()};
     }
 
     parseElan = async (file) => {
@@ -54,17 +54,20 @@ class FileUpload extends Component {
 
             if (!wavFileNames.includes(parsedWavFile) && !wavFileNames.includes(identicalWavFile)) {
                 this.setState(prevState => ({
+                    ...prevState,
                     missingFiles: [...prevState.missingFiles, [identicalWavFile, parsedWavFile]],
                 }));
             }
         }
 
-        var formData = new FormData();
-
         acceptedFiles.forEach(file => {
-            formData.append("file", file);
+            this.setState(prevState => ({
+                ...prevState,
+                formData: {...prevState.formData, ["file"]: file}
+            }));
         });
-        this.props.datasetFiles(formData);
+
+        this.props.datasetFiles(this.state.formData);
     }
 
     render() {