如何处理 GraphQL Mutation 和错误代码

GraphQL 是一种用于 API 的查询语言，它提供了一个强大的、灵活的数据获取方式。在 GraphQL 中，Mutation 是一种特殊的查询类型，用于修改服务器上的数据。Mutation 可以执行插入、更新、删除等操作。在前端开发中，我们通常需要处理 Mutation 和错误代码。本文将介绍如何处理 GraphQL Mutation 和错误代码，并提供示例代码。

处理 Mutation

Mutation 是一种用于修改服务器上的数据的查询类型。在 GraphQL 中，Mutation 可以执行插入、更新、删除等操作。在前端开发中，我们通常需要处理 Mutation 的结果。下面是一个处理 Mutation 的示例代码：

// javascriptcn.com 代码示例
const mutation = gql`
  mutation CreatePost($title: String!, $content: String!) {
    createPost(title: $title, content: $content) {
      id
      title
      content
    }
  }
`;

const variables = {
  title: "Hello World",
  content: "This is my first post."
};

client.mutate({
  mutation,
  variables
}).then(result => {
  console.log(result.data.createPost);
}).catch(error => {
  console.error(error);
});

在上面的示例代码中，我们定义了一个 Mutation，它接受两个参数：title 和 content。我们使用 client.mutate 方法来执行 Mutation。执行成功后，我们打印出结果。如果执行失败，我们将打印出错误信息。

处理错误代码

在前端开发中，我们通常需要处理错误代码。在 GraphQL 中，错误代码包含在 errors 属性中。下面是一个处理错误代码的示例代码：

// javascriptcn.com 代码示例
const query = gql`
  query GetPost($id: ID!) {
    post(id: $id) {
      id
      title
      content
    }
  }
`;

const variables = {
  id: "123"
};

client.query({
  query,
  variables
}).then(result => {
  console.log(result.data.post);
  if (result.errors) {
    console.error(result.errors);
  }
}).catch(error => {
  console.error(error);
});

在上面的示例代码中，我们定义了一个查询，它接受一个参数 id。我们使用 client.query 方法来执行查询。执行成功后，我们打印出结果。如果执行失败，我们将打印出错误信息。

总结

在本文中，我们介绍了如何处理 GraphQL Mutation 和错误代码。我们提供了示例代码来帮助您更好地理解这些概念。如果您想深入了解 GraphQL，可以查看 GraphQL 官方文档。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6506908295b1f8cacd25d9bd