如何用File对象填充FilePond

时间:2018-12-08 06:14:16

标签: javascript reactjs file

您好,我有一个FilePond实例:

<FilePond
    ref={ref => this.pond = ref}
    oninit={() => this.handleInit() }
    onupdatefiles={(files) => this.props.setFile(files[0])}
/>

上载文件时,它将调用setFile(),将其保存到父组件的状态。从那里,我试图将此文件添加到另一个FilePond实例,该实例也是该对象的父组件的子代。这是我目前正在尝试的方式:

<FilePond
    ref={ref => this.pond = ref}
    oninit={() => this.pond.addFile(this.props.chosenFile) }
/>

这就是文件对象的流程

CHILD1-将文件设置为状态->父级-传递文件-> CHILD2

这是CHILD2的文件池设置后的样子 undefined filepond

这是正在传递的文件对象 fileobject

这是我在控制台中看到的错误 error

我已经读过docs,他们似乎没有使用他们给您的文件对象填充FilePond的示例。我已经坚持了一段时间,任何帮助都会很棒。谢谢!

1 个答案:

答案 0 :(得分:1)

这里是FilePond的作者,我不确定这与FilePond本身有关,但我想我可以试试看。

似乎两个池塘都将this.pond设置为参考,我想这两个池塘都具有相同的父组件,因此每个池塘都应该有一个唯一的参考。