Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs FilePond覆盖服务器上的进程_Reactjs_Filepond - Fatal编程技术网

Reactjs FilePond覆盖服务器上的进程

Reactjs FilePond覆盖服务器上的进程,reactjs,filepond,Reactjs,Filepond,我正在尝试在React应用程序中使用FilePond控件。我需要用自定义代码处理文件上传。根据文档,我应该使用setOption覆盖server.process函数 在使用React组件时,这似乎不是一个选项 我可以找到很多人尝试这样做的例子,但找不到任何关于如何做到这一点的例子 <FilePond files={this.state.newFiles} allowMultiple={true} server={this.someFunction} /> 如git

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

在使用React组件时,这似乎不是一个选项

我可以找到很多人尝试这样做的例子,但找不到任何关于如何做到这一点的例子

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

如github问题中所述

对于React,FilePond对象是一个组件,没有全局 FilePond对象当前可用。你可以通过服务器 属性作为道具添加到零部件

我相信您也需要这样做,而不是调用
setOptions
函数,您可以将这些选项作为属性传递给
FilePond
组件


如果您真的需要访问
setOptions
,我已经从react文件池中派生了一个例子,并添加了
useEfect
,在这里您可以看到如何访问
setOptions
函数:

使用react,您需要使用
服务器
属性。
服务器
道具是URL或配置对象,而不是函数

<FilePond 
  files={this.state.newFiles}
  allowMultiple={true}  
  server={{
    process: (fieldName, file, metadata, load, error, progress, abort, transfer, options) => {
        // your processing code here
    }
  }}
/>
{
//您的处理代码在这里
}
}}
/>
有关更多信息,请查看此示例处理功能:

您是否检查了此链接?是的,按照这些说明将ref={ref=>(this.pond=ref)}和oninit={()=>this.handleInit()}添加到组件中。但是,尝试调用this.pond.setOptions失败,因为this.pond.setOptions不是一个函数。这听起来是对的……但是如何调用呢?我可以添加属性process={()=>this.uploadFiles()},但这永远不会被触发。通过添加一个示例来更新答案如何获取setOptions函数,如果这没有帮助,请更新您的问题,并提供有关您希望实现的具体内容的详细信息?