使用中继现代 graphql 添加突变

2024-03-05

我正在尝试使用中继添加用户,下面是我的架构文件
schema.graphql

createUser(input: CreateUserInput!): UserPayload

input CreateUserInput {
clientMutationId: String
data: CreateUserData!
}

type CreateUserData {
firstName: String!
lastName: String!
password: String!
email: String
}

type UserPayload {
clientMutationId: String
node: User
}

type User {
id: ID!
firstName: String!
lastName: String!
email: String
password: String
}

下面是我的突变文件,
AddUserMutation.js

const mutation = graphql`
  mutation AddUserMutation($input:  CreateUserInput!) {
  createUser(input: $input) {
      data {
        firstName
        lastName
        email
        password
      }
    }
  }
`;

function commit(environment, node) {
  var firstName = node.fName;
  var lastName = node.lName;
  var email = node.signupEmail;
  var password = node.pwd;
  return commitMutation(environment, {
    mutation,
    variables: {
    input: {
       firstName,
       lastName,
       email,
       password
    },
  },onCompleted: (response, errors) => {
        console.log('Response received from server.',response)
      },
      onError: err => console.error(err),
    },
  );
}

export default { commit };

但它给了我这个错误

GraphQLParser:未知字段data按类型UserPayload。来源:文件AddUserMutation file: js/mutations/AddUserMutation.js.

所以我在这里做错了,我搜索了很多网站仍然能够找到解决方案。有人可以帮助/澄清我这一点吗?


根据您的架构,createUser突变解析为一个对象UserPayload类型。该类型在您的架构中只有两个字段:

type UserPayload {
  clientMutationId: String
  node: User
}

但是,您的查询实际上是在请求data字段,该字段不存在UserPayload类型。您需要修改查询以请求正确的字段,例如:

const mutation = graphql`
  mutation AddUserMutation($input:  CreateUserInput!) {
  createUser(input: $input) {
      node: {
        firstName
        lastName
        email
        password
      }
    }
  }
`;

您可能还需要更改您的架构,因为CreateUserData应该是一个input not a type.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用中继现代 graphql 添加突变 的相关文章

随机推荐