5、GraphQL 基础与 React 应用实践

GraphQL 基础与 React 应用实践

1. GraphQL 操作：突变（Mutation）

GraphQL 突变用于写入数据，是对 GraphQL 查询读取数据功能的补充。它与查询遵循相同原则，有字段、对象、参数、变量、片段、操作名、指令以及用于返回结果的嵌套对象。

在使用突变前，要注意使用的是实时 GitHub 数据。例如，若用实验性突变在 GitHub 上关注某人，那就是真实关注。

下面以给 GitHub 仓库加星标为例：
- 获取仓库标识符 ：

query {
  organization(login: "the-road-to-learn-react") {
    name
    url
    repository(name: "the-road-to-learn-react") {
      id
      name
    }
  }
}

执行上述查询后，会得到仓库标识符，如 MDEwOlJlcG9zaXRvcnk2MzM1MjkwNw== 。
- 构建突变 ：

mutation AddStar($repositoryId: ID!) {
  addStar(input: { starrableId: $repositoryId }) {
    starrable {
      id
      viewerHasSta