运行 使用 Apollo 客户端的 GraphQL 变异

Question

所以我有这个允许用户创建帐户的 GraphQL 突变：

mutation {
  register(input: {
    email: "bob@gmail.com"
    password: "bob123"
  }) {
    user {
      id
      email
    }
    errors {
      path
      message
    }
  }
}

我想 运行 使用 Apollo Client 进行此更改（注意：我使用的是 TypeScript）

const REGISTER: DocumentNode = gql`
mutation Register($type: String!) {
  register(input: {
    email: $type
    password: $type
  }) {
    email
    id
  }
}
`

<form onSubmit={(e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault()
    register({ variables: { input: {email: emailValue, password: passwordValue} } })
}}>

我一直 运行ning 到这个错误：

如有任何帮助，我们将不胜感激！ 提前致谢！

Answer 1

更新：我通过这样做修复了它：

// GraphQL Mutation to register an account
const REGISTER: DocumentNode = gql`
mutation register($email: String!, $password: String!) {
  register(input: {
    email: $email
    password: $password
  }) {
    user {
      email
      id
    }
    errors {
      path
      message
    }
  }
}
`