如何使用 File 对象填充 FilePond答案

【问题标题】：How to populate FilePond with File object如何使用 File 对象填充 FilePond
【发布时间】：2018-12-08 06:14:15
【问题描述】：

您好，我有一个 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 --设置文件状态--> PARENT --传递文件--> CHILD2

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

这里是被传递的文件对象

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

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

【问题讨论】：

【解决方案1】：

这里是 FilePond 的作者，我不确定这是否与 FilePond 本身有关，但我想我会试一试。

似乎两个池塘都将 this.pond 设置为参考，我想因为它们都有相同的父组件，所以它们应该都有一个唯一的参考。

【讨论】：