Graphql Dropzone阿波罗上传客户端使用上传!类型
我正在使用阿波罗上传客户端(so graphQL),并试图使用dropzone将文件上传到我的服务器 我已经使用Graphql Dropzone阿波罗上传客户端使用上传!类型,graphql,graphql-js,react-apollo,react-dropzone,Graphql,Graphql Js,React Apollo,React Dropzone,我正在使用阿波罗上传客户端(so graphQL),并试图使用dropzone将文件上传到我的服务器 我已经使用this.\u uploadFiles(validity,file)}和函数成功地完成了这项工作 _uploadFiles = async (validity, file) => { if (validity.valid){ await this.props.addImageFileMutation({ va
this.\u uploadFiles(validity,file)}
和函数成功地完成了这项工作
_uploadFiles = async (validity, file) => {
if (validity.valid){
await this.props.addImageFileMutation({
variables: {file}
})
}
}
对于Dropzone,我有:
<Dropzone
onDrop={this._onDrop.bind(this)}
multiple={false}>
</Dropzone>
这是每个人发送的文件,在我看来都是一样的!但它只在
中起作用强>
第一个值使用
,第二个值使用
你知道我为什么得到这个$file
不匹配的上传代码>问题?我在下面添加了一些代码供参考。
const ADD_IMAGE_FILE_MUTATION = gql`
mutation AddImageFileMutation ($file: Upload!) {
addImageFile(file: $file){
id
}}`
在
\u onDrop
中,您正在将名为firstFile
的变量传递给您的变体,但它正在查找名为file
的变量:
variables: { firstFile }
请尝试以下方法:
variables: { file: firstFile }
丹尼尔,我非常感激,我不敢相信修复会那么容易,谢谢!我至少两次遇到过这个问题,我认为你的解决方案也是第一次解决这个问题,非常感谢!
variables: { file: firstFile }