javascript - 如何使用 File 对象填充 FilePond

Question

您好，我有一个 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 的示例。我已经被困在这个问题上有一段时间了，任何帮助都会很棒。谢谢!

Answer 1

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

似乎两个池塘都设置了 this.pond 作为引用，我猜因为两个池塘都有相同的父组件，所以它们应该都有一个唯一的引用。