Как заполнить FilePond объектом File

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 после его установки

Здесь передается объект файла

Вот ошибка, которую я вижу в консоли

Я прочитал документы , и они, кажется, не имеютпример заполнения FilePond файловым объектом, который они вам дают.Я застрял на этом какое-то время, любая помощь была бы потрясающей.Спасибо!

Answer 1

Автор FilePond здесь, я не уверен, что это связано с самим FilePond, но я решил попробовать его.

Кажется, оба пруда установили this.pond как ссылку, я думаюпоскольку оба имеют один и тот же родительский компонент, у каждого из них должна быть уникальная ссылка.