如何使用 GraphQL 在嵌套对象上创建突变？

Question

我正在尝试创建一个 graphql 突变来使用其他对象数组更新对象字段。这是我的架构：

    type Guide {
      _id: ID!
      first_name: String!
      last_name: String
      email: String!
      phone: String!
      creator: User!
    }

    input GuideInput {
      _id: ID!
      first_name: String!
      last_name: String
      email: String!
      phone: String!
    }

    type Trip {
      _id: ID!
      name: String!
      description: String
      location: String
      start_date: String
      start_time: String
      duration: Int
      creator: User!
      guides: [Guide!]
      guests: [Guest!]
    }

    input TripInput {
      name: String
      description: String
      location: String
      start_date: String
      start_time: String
      duration: Int
      guides: [GuideInput]
    }

    type RootQuery {
      trips: [Trip!]
      guides: [Guide!]
    }

    type RootMutation {
      updateTrip(tripId: ID!, tripInput: TripInput): Trip
      deleteTrip(tripId: ID!): Trip
      createGuide(guideInput: GuideInput): Guide
      deleteGuide(guideId: ID!): Guide
    }

    schema {
      query: RootQuery
      mutation: RootMutation
    }

我的查询如下所示：

const requestBody = {
      query: `
        mutation {
          updateTrip(
            tripId: "${tripId}",
            tripInput: {
              guides: ${guides}
            }
          ) {
            guides {
              first_name
              last_name
            }
          }
        }
      `
    }

执行此请求时遇到的错误是：

Expected type GuideInput, found object.
Expected type GuideInput, found Object.

我将一组对象传递到与 GuideInput 对象形状相同的突变中，所以我很难过。提前谢谢！

Answer 1

您不能以这种方式将输入传递到查询中。当您将模板文字与占位符一起使用时，占位符 (${guides}) 内的表达式结果将被视为字符串。如果guides 是一个对象（如果它是一个数组，它就是一个对象），它会调用toString()，这会产生字符串[object Object]。你最终得到一个看起来像这样的字符串：

tripInput: {
  guides: [object Object]
}

在查询中替换值的正确方法是使用变量并完全避免使用占位符。你的requestBody 看起来像这样：

const requestBody = {
  query: `
    mutation SomeMutationName($tripId: ID!, $guides: [GuideInput]) {
     updateTrip(
        tripId: $tripId
        tripInput: {
          guides: $guides
        }
      ) {
        guides {
          first_name
          last_name
        }
      }
    }
  `,
  variables: {
    tripId,
    guides,
  },
}

有关如何使用变量的更多详细信息，请参阅 the official tutorial 和 the spec。