Я пытаюсь прочитать несколько файлов, загруженных пользователем во внешнем интерфейсе, и добавить их в массив в моем состоянии, но я продолжаю получать одну и ту же ошибку.выражения "
Я пытаюсь зациклить и прочитать каждый файл и выдвинуть его в конец моего массива состояний.console.log(file);
правильно показывает файл.
Вот мой код:
<Dropzone
multiple={true}
onDrop={function(acceptedFiles) {
for (var i = 0; i < acceptedFiles.length; i++) {
var file = acceptedFiles[i];
console.log(file);
async ([file]) => {
let reader = new FileReader();
reader.onload = e => {
const contents = e.target.result;
this.setState({
//i dont know if this will work
Files: [...this.state.Files, contents]
});
console.log(this.state.Files);
};
reader.readAsDataURL(file);
};
}
}}
>
{({ getRootProps, getInputProps }) => (
<section>
<div {...getRootProps()}>
<input {...getInputProps()} />
<p>
Drag items or click here to upload.
</p>
</div>
</section>
)}
</Dropzone>
Вместо заполнения состояния моего массива я получаю "Ожидается вызов функции или назначения и вместо этого вижу выражение no-unused-выражения "но я не думаю, что я не могу удалить асинхронную функцию из моего кода.(если я удаляю его, я получаю TypeError: не могу прочитать свойство 'setState' из неопределенного)