Я пытаюсь использовать компонент DropZone в своем приложении на основе reactjs для загрузки нескольких файлов. Для моей редукционной формы есть поле с именем pics
, и для загрузки одного файла работает следующее:
в функции render():
<Row>
<Dropzone
{ ...pics }
onDrop={ this.dropFile }
>
<div>Try dropping some files here, or click to select files to upload.</div>
</Dropzone>
</Row>
Моя функция dropFile():
dropFile(files, evt) {
console.log('received files: ', files);
this.props.fields.pics.onChange(files); // use *files* to update the field pics value here
}
Хотя загрузка одного файла работает, но не позволяет загружать несколько файлов (сбросил несколько файлов в DropZone). Я предполагаю, что причина в том, что функция onChange
перезаписывает предыдущий файл (файлы), поэтому мне было интересно, можно ли переопределить функцию onChange для определенного поля в избыточной форме.
Изменить:
Хакерским способом у меня есть редуктор, который слушает событие redux-form/CHANGE
, но я хотел бы знать, есть ли лучший способ. Спасибо