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

我正在使用阿波罗上传客户端(so graphQL),并试图使用dropzone将文件上传到我的服务器

我已经使用
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 }