时间戳

首页 > 解决方案 > FilePond 在 React 上覆盖 server.process

reactjs - FilePond 在 React 上覆盖 server.process

问题描述

我正在尝试在 React 应用程序中使用 FilePond 控件。我需要使用自定义代码处理文件上传。根据文档，我应该使用 setOption 来覆盖 server.process 函数。文档链接

使用 React 组件时，这似乎不是一个选项。

我可以找到多个尝试这样做的人的实例，但找不到任何如何完成的示例。

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

标签： reactjsfilepond

解决方案

如 github 问题中所述 FilePond.SetOptions not working

对于 React，FilePond 对象是一个组件，目前没有可用的全局 FilePond 对象。您可以将服务器属性作为道具传递给组件。

我相信你需要做同样的事情，而不是调用setOptions函数，你可以将这些选项作为属性传递给FilePond组件

如果你真的需要访问setOptions，我已经从 react-filepond 中分叉了示例，并添加useEfect了你可以看到如何访问setOptions函数的地方：acces setOptions by ref

推荐阅读