12 使用内置字段的查询与变更操作

在这一篇教程中，我们将专注于如何使用 GraphQL 中的内置字段来实现查询和变更操作。通过使用内置字段，您可以更加轻松地获取或修改数据，而无需构造复杂的查询。

上一篇回顾

在上一篇教程中，我们深入探讨了如何实现变更操作。您应该对变更（Mutation）操作有了基本的理解与实际实现能力。今天我们将构建在此基础上，专注于使用内置字段来优化我们的查询与变更操作。

GraphQL 内置字段概述

GraphQL 提供了一些内置字段，比如 __typename 字段，它可以帮助我们获取返回数据的类型。这对于动态获取返回类型和实现条件渲染非常有用。

查询操作示例

让我们来看一个查询操作的例子。假设我们有一个图书集（Books）和作者集（Authors）的数据模型。

查询示例

query {
  books {
    title
    author {
      name
      age
    }
    __typename
  }
}

在这个查询中，我们请求了书籍的 title 以及作者的 name 和 age。此外，我们还添加了 __typename 字段，以获取此查询结果的具体类型。这样，如果返回的结果后续需要处理时，我们可以通过 __typename 来识别数据类型。

变更操作示例

对于变更操作，我们同样可以使用内置字段。假设我们要添加一本新的书籍，我们可以使用以下变更操作：

mutation {
  addBook(input: { title: "GraphQL 入门指南", authorId: "1" }) {
    book {
      title
      author {
        name
      }
      __typename
    }
  }
}

在此变更操作中，我们添加了一本新书，并请求返回书籍的 title 和作者的 name 以及 __typename。通过此方式，我们可以在客户端轻松识别新添加的数据类型，这样在处理数据时可以更方便。

使用内置字段的好处

1. 类型识别：使用 __typename 字段，可以在客户端轻松识别返回的类型，从而决定如何处理这部分数据。
2. 增强调试：在调试 API 请求时，返回的内置字段信息可以帮助开发者快速了解数据结构。
3. 灵活处理：根据返回的类型可以灵活调整组件的渲染逻辑，提高用户体验。

小结

在这一篇教程中，我们介绍了如何在 GraphQL 查询与变更操作中使用内置字段来增强功能与便捷性。通过示例，我们看到了如何在请求中加入 __typename 字段，从而使得数据处理更加灵活。

在下一篇教程中，我们将进一步探讨如何使用变量和片段来优化我们的请求参数，提高 GraphQL 查询的效率与可读性。敬请期待！