我正在尝试使用Apollo Client在GraphQL查询中使用动态变量。我遵循了文档,但是Apollo不断给我错误,说我的变量未定义,最终以状态码400响应。
这是阿波罗的文件所说的:
mutate:(options ?: MutationOptions)=>承诺 从用户界面触发突变的功能。您可以选择将变量,optimisticResponse,refetchQueries和update作为选项传递,这将覆盖传递给Mutation组件的所有道具。该函数返回一个满足您突变结果的promise。
这是我尝试编写的代码:
const fetch = require('node-fetch');
const ApolloClient = require('apollo-boost').default;
const gql = require('graphql-tag');
const client = new ApolloClient({
uri: "http://api.domain.com/graphql",
fetch
});
run();
async function run() {
try {
const resp = await client.mutate({
mutation: gql`mutation {
trackPr(id: $id, pr: $pr, title: $title, body: $body, state: $state, merged: $merged) {
id
}
}`,
variables: {
id: 1,
pr: 1,
title: "test title",
body: "test body",
state: "test state",
merged: false
},
});
console.log(resp.data);
} catch(ex) {
console.log(ex);
}
}
然后,我将为每个变量显示一条错误消息,指出尚未定义:
[GraphQL错误]:消息:未定义变量“ $ id”。,位置:[对象对象],[对象对象],路径:未定义
每条错误消息之后,我都会收到一条状态码为400的最终消息:
[网络错误]:ServerError:响应失败:收到状态码400
该突变本身无需任何变量即可直接运行,并且所有值都直接在突变中设置,但我不知道为什么它认为未定义变量。
答案 0 :(得分:6)
在操作中使用的任何变量都必须声明为操作定义的一部分,如下所示:
mutation SomeOptionalMutationName ($id: ID!) {
trackPr(id: $id) {
id
}
}
这使GraphQL可以根据提供的类型验证变量,还可以验证变量是否在代替正确的输入。