1

我正在尝试在基于 reactjs 的应用程序中使用DropZone组件来上传多个文件。我的 redux-form 需要一个字段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函数覆盖了以前的文件，所以我想知道是否可以在 redux-form 的某个字段上覆盖onChange函数。

编辑：

以一种 hacky 的方式，我让 reducer 监听redux-form/CHANGE事件，但我想知道是否有更好的方法。谢谢

4

0 回答 0