React+GraphQL报错‘Parse error on id’的修复求助

你的错误完全来自GraphQL查询语句的语法问题，具体有两处：

• 查询参数定义格式错误：GraphQL要求参数以$参数名: 类型!的形式声明，你写成了id: $id!，这不符合语法规范
• 查询语句末尾多了一个冗余的闭合大括号

修正后的showQrCode查询代码如下：

export const showQrCode = gql`
query qrcodeUrlByFormId ($id: ID!){
    qrcodeUrl
  }
`;

补充说明：

• 这里假设后端Schema中该查询的id参数类型是ID，如果实际是String，请改成($id: String!)，必须和后端定义的类型完全匹配
• 你的listQrcode函数中传递变量的写法{id}是正确的（ES6属性简写，等价于{id: id}），无需修改
• React Query的useQrCode封装逻辑没有问题，只要id正确传入就能正常触发查询

内容的提问来源于stack exchange，提问作者user15361826