如何将对象列表或数组传递到旨在更新单个对象的 GraphQL 突变中？

Question

我正在使用Scaphold.io来构建我正在开发的一个小应用程序的后端，并且在尝试更新单个变更请求中的多个项目时遇到了问题。

在 Scaphold 中，当您创建新类型时，会为常见操作创建更改：创建、更新和删除。

您无法重新定义这些更改或其输入类型的架构。在我正在工作的模型类型 ( card) 中，我立即获得了这些突变：

createCard(input: CreateCardInput!): CreateCardPayload

updateCard(input: UpdateCardInput!): UpdateCardPayload

deleteCard(input: DeleteCardInput!): DeleteCardPayload

该updateCardInput类型定义了以下字段：

listId: ID
description: Text
name: String
order: Int
id: ID!
clientMutationId: String

---

我能做的：更新一张卡

有了这个，我知道如何定义一个更新order单卡的突变：

mutation updateCardOrder($card: UpdateCardInput!) {
  updateCard(input: $card) {
    changedCard {
      id
      order
    }
  }
}

变量：

{
  "card": {
    "id": "Q2FyZDo4MzA=",
    "order": "1"
  }
}

---

我想要做的是：在一个突变中更新多张卡片

我得到了一些使用卡片列表 ( [card]) 作为输入的指针，但我不知道如何让它工作。

理想情况下，类似于：

mutation updateCardOrder($cards: UpdateCardInput!) {
  updateCard(input: $card) {
    changedCard {
      id
      order
    }
  }
}

并将多张卡片作为变量传入，例如：

{
  "cards": [
    {
      "id": "Q2FyZDo4Mjk=",
      "order": "1"
    },
    {
      "id": "Q2FyZDo4MzA=",
      "order": "2"
    }
  ]
}

当我尝试这个时，我收到一个错误：

{
  "errors": [
    {
      "message": "Variable \"$cards\" of type \"[UpdateCardInput!]\" used in position expecting type \"UpdateCardInput!\".",
      "locations": [
        {
          "line": 1,
          "column": 32
        },
        {
          "line": 2,
          "column": 27
        }
      ],
      "name": "GraphQLError"
    }
  ]
}

---

那么……考虑到我无法在 Scaphold 中更改输入类型或突变模式，考虑在 GraphQL 中执行此操作的正确方法是什么？甚至有可能吗？

Answer 1

由于您希望在单个请求中运行多个变更，因此可以使用 GraphQL 别名来实现此目的。更多信息请参见：https://github.com/mugli/learning-graphql/blob/master/3.%20Querying%20with%20Field%20Aliases%20and%20Fragments.md

本质上，你可以做的是运行这样的突变：

mutation updateCardOrder($card1: UpdateCardInput!, $card2: UpdateCardInput!, $card3: UpdateCardInput!) {
  update1: updateCard(input: $card1) {
    changedCard {
      id
      order
    }
  }
  update2: updateCard(input: $card2) {
    changedCard {
      id
      order
    }
  }
  update3: updateCard(input: $card3) {
    changedCard {
      id
      order
    }
  }
}

变量看起来像这样：

{
  "card1": {
    "id": "Q2FyZDo4Mjk=",
    "order": "1"
  },
  "card2": {
    "id": "Q2FyZDo4MzA=",
    "order": "2"
  },
  "card3": {
    "id": "Q2FyZDo4MzA=",
    "order": "3"
  }
}

希望有帮助！