如何进行变异查询以在 GraphQL 中插入(数组)字段列表

How to make a mutation query for inserting a list of (Array) fields in GraphQL

最近我开始研究 GraphQL,我能够毫无问题地在平面模式中插入数据,但是当涉及到数据数组时,我收到类似

的错误
 { "errors": [ {  "message": "Must be input type" } ]}

我正在使用邮递员测试我的查询,我的变异查询是

mutation M { 

AddEvent
  (

    title: "Birthday event"   

    description:"Welcome to all" 

    media:[{url:"www.google.com", mediaType:"image" }]

    location:[{address:{state:"***", city:"****"}}]

   ) 

{title,description,media,location,created,_id}}

这是我的事件架构:

EventType = new GraphQLObjectType({
  name: 'Event',
  description: 'A Event',
  fields: () => ({
   _id: {
      type: GraphQLString,
      description: 'The id of the event.',
    },
     id: {
      type: GraphQLString,
      description: 'The id of the event.',
    },
    title: {
      type: GraphQLString,
      description: 'The title of the event.',
    },
     description: {
      type: GraphQLString,
      description: 'The description of the event.',
    },
    media:{
      type:new GraphQLList(mediaType),
      description:'List of media',   
    },
    location:{
      type:new GraphQLList(locationType),
      description:'List of location',   
    }  
  })
});

// Media Type

export var mediaType = new GraphQLObjectType({
  name: 'Media',
  description: 'A Media',
  fields: () => ({
   _id: {
      type: GraphQLString,
      description: 'The id of the event.',
    },
   url:{
      type: GraphQLString,
      description: 'The url of the event.',
    },
    mediaType:{
      type: GraphQLString,
      description: 'The mediaTypa of the event.',
    }
  })
});

 // Location Type

export var locationType = new GraphQLObjectType({
  name: 'Location',
  description: 'A location',
  fields: () => ({
  _id: {
      type: GraphQLString,
      description: 'The id of the event.',
    },
    address:{
      type: GraphQLString,
      description: 'The address.',
    },
    state:{
      type: GraphQLString,
      description: 'The state.',
    },
    city:{
      type: GraphQLString,
      description: 'The city.',
    },
    zip:{
      type: GraphQLString,
      description: 'The zip code.',
    },
    country:{
      type: GraphQLString,
      description: 'The country.',
    }
  })
});

猫鼬模式:

var EventSchema = new mongoose.Schema({
  title: {
        required: true,
        type: String,
        trim: true,
        match: /^([\w ,.!?]{1,100})$/
    },
    description: {
        required: false,
        type: String,
        trim: true,
        match: /^([\w ,.!?]{1,100})$/
    },
    media: [{
        url: {
            type: String,
            trim: true
        },
        mediaType: {
            type: String,
            trim: true
        }
    }],
    location: [{
            address: {
                type: String
            },
            city: {
                type: String
            },
            state: {
                type: String
            },
            zip: {
                type: String
            },
            country: {
                type: String
            }
    }]
})

突变类型:

 addEvent: {
        type: EventType,
        args: {

        _id: {
          type: GraphQLString,
          description: 'The id of the event.',
        },
        title: {
          type: GraphQLString,
          description: 'The title of the event.',
        },
        description: {
          type: GraphQLString,
          description: 'The description of the event.',
        },
        media:{
          type:new GraphQLList(mediaType),
          description:'List of media',   
        },
        location:{
          type:new GraphQLList(locationType),
          description:'List of media',   
        },
        created: {
          type: GraphQLInt,
          description: 'The created of the user.',       
        } 
         },
      resolve: (obj, {title,description,media,location,created,_id}) => {

        let toCreateEvent = {
          title,
          description,
          created:new Date(),
          start: new Date(),
          media,
          location,
          _id,
        };

         return mongo()
            .then(db => {
              return  new Promise(
                function(resolve,reject){
              let collection = db.collection('events');
                  collection.insert(toCreateEvent, (err, result) => {
                    db.close();

                    if (err) {
                      reject(err);
                      return;
                    }
                    resolve(result);
                  });
            })
          });
       }
     }

您的问题是,当您定义突变时,所有类型都必须是输入类型,因此您会得到错误 "Must be input type"。所以在这里(来自你的突变):

media:{
  type:new GraphQLList(mediaType),
  description:'List of media',   
},
location:{
  type:new GraphQLList(locationType),
  description:'List of media',   
},

GraphQLListmediaTypelocationType 必须是输入类型。

GraphQLList 已经是输入类型(请参阅此处 https://github.com/graphql/graphql-js/blob/master/src/type/definition.js#L74-L82 以查看被视为输入类型的 GraphQL 类型列表)。

然而你的类型 mediaTypelocationTypeGraphQLObjectType 类型,这不是输入类型但是如果你再次查看输入类型列表: https://github.com/graphql/graphql-js/blob/master/src/type/definition.js#L74-L82, 你会发现 GraphQLInputObjectType 是一个对象输入类型,所以,你需要做的是将 mediaTypelocationType 替换为它们的 "input" 版本。

我建议做的是创建 mediaInputTypelocationInputType,它们与 mediaTypelocationType 具有相同的字段结构,但使用 [=26= 创建] 而不是 new GraphQLObjectType({... 并在你的突变中使用它们。

我运行遇到了同样的问题,我就是这样解决的,如果您有任何问题,请随时发表评论。

我 运行 遇到了同样的问题 - 我不知道如何在输入定义中指定对象数组。因此,对于那些想要查看 "text" 模式解决方案的人:

type Book {
  title: String!
}

在您的输入类型中包含一组书籍

input AuthorInput {
  name: String!
  age: Int!
}

你不能只在输入语句中添加 books: [Book!],你需要特意创建包含所需字段的输入类型(如果你愿意,可以重复):

input BookInput {
  title: String!
}

然后您可以:

input AuthorInput {
  name: String!
  age: Int!
  books: [BookInput!]
}