FilePond переопределяет server.process в React

Question

Я пытаюсь использовать элемент управления FilePond в приложении React. Мне нужно обработать загрузку файлов с помощью специального кода. Согласно документации, я должен использовать setOption для переопределения функции server.process. Ссылка на документацию

Эта опция недоступна при использовании компонента React.

Я могу найти несколько примеров людей, пытающихся это сделать, но не могу найти примеров как это сделано.

<FilePond 
  files={this.state.newFiles}
  allowMultiple={true}  
  server={this.someFunction}
/>

Answer 1

С React вам нужно использовать server опору. Параметр server является либо URL-адресом, либо объектом конфигурации, а не функцией.

<FilePond 
  files={this.state.newFiles}
  allowMultiple={true}  
  server={{
    process: (fieldName, file, metadata, load, error, progress, abort, transfer, options) => {
        // your processing code here
    }
  }}
/>

Для получения дополнительной информации см. Пример функции обработки: https://pqina.nl/filepond/docs/patterns/api/server/#advanced

Answer 2

Как указано в выпуске github FilePond.SetOptions не работает

В React объект FilePond является компонентом, и в настоящий момент глобальный объект FilePond недоступен. Вы можете передать свойства сервера компоненту как опору.

Я полагаю, что вам нужно сделать то же самое, вместо того, чтобы вызывать функцию setOptions, вы можете передать эти параметры как свойства FilePond компонент

Если вам действительно нужен доступ к setOptions, я разветвил пример из его реактивного файла и добавил useEfect, где вы можете увидеть, как получить доступ к функции setOptions: присоединяет setOptions по ссылке