redux-form: переопределить функцию поля onChange()

Я пытаюсь использовать компонент 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, но я хотел бы знать, есть ли лучший способ. Спасибо


person TonyGW    schedule 04.07.2016    source источник