Question

我正试图让react-dropzone与redux-forms

一起工作

export class AdminDropzone extends React.Component<any, {}> {
  public render() {
    return (
      <Field name='filesForUpload' component={renderDropzoneInput}/>
    );
  };
}

const renderDropzoneInput = (field: any) => {
    return (
        <div>
            <Dropzone 
                name={field.name} 
                onDrop={(filesToUpload: any) => {
                    console.log(filesToUpload[0].preview);
                    return field.input.onChange(filesToUpload)
                }
            }>
                <div>Try dropping some files here, or click to select files to upload.</div>
            </Dropzone>
        </div>
    )
}

上面触发onChange导致@@redux-form/CHANGE调度，但由于某种原因，那里的有效负载只有一个值，而不是我期望的对象（包含文件的所有信息）

console.log(filesToUpload[0].preview)正确输出预览属性。

console.log(filesToUpload[0].name)也正确输出名称，但调度如下所示：

type: "@@redux-forms/CHANGE",
payload:
    0:
        preview: "blob:http://localhost:3000/47c5ccef-8f78-408f-a376-528c0fc7e2da"

我希望看到文件对象的整个值（包含名称，大小，最后修改，预览，类型等）。那他们去哪儿了？

任何想法？

Redux-Forms on使用Dropzone时改变奇怪的行为

0 个答案: