Passing array as argument in GraphQL

Question

I have started working on GraphQL.My schema contains one list item too.

Following is the code of my schema:

var userType = new graphql.GraphQLObjectType({  
 name: 'user',
 fields: function () {
  return {
    _id: {
    type: graphql.GraphQLID
  },
  name: {
    type: graphql.GraphQLString
  },
  age: {
    type: graphql.GraphQLString
  },
  degrees:[
  {type:graphql.GraphQLList}
  ]
}
  }
   });

AND the query is as follows:

  var QueryType = new graphql.GraphQLObjectType({  
  name: 'Query',
  fields: () => ({
    userArr: {
      type: new graphql.GraphQLList(userType),
      args:{
         degrees:{type:new graphql.GraphQLList(userType)}
      },
     resolve: function(source, args) {
        console.log(args);
        resolve(args);
      }
    }
})
})

I got this error.

Basically i need to post the array from client graphql query and have to define query accordingly which i am unable to achieve. Any suggestions because i can't find any help over this issue..

Solution 1

GraphQLObjectType is not a valid input type.

See Mutations and Input Types

"Input types can't have fields that are other objects, only basic scalar types, list types, and other input types."

You can use the suggestion above because GraphQLString is a scalar

degrees:{
    type:new graphql.GraphQLList(graphql.GraphQLString)
}

Otherwise, you would need to define a GraphQLInputObjectType

const userInputType = new GraphQLInputObjectType({
    name: 'userInput',
    fields: { /* put your fields here */ }
});
/* some code in between */

degrees:{
    type:new graphql.GraphQLList(userInputType)
}

Solution 2

I did something very similar recently. Your input arguments don't need to hold to the same type system as the when it's formatting the output data to send back. So your arg just needs to simply accept a list of strings or objects, or whatever standard type you want to send in.

In this case, I updated it to accept a list(array) of strings.

 var QueryType = new graphql.GraphQLObjectType({  
  name: 'Query',
  fields: () => ({
    userArr: {
      type: new graphql.GraphQLList(userType),
      args:{
         degrees:{type:new graphql.GraphQLList(graphql.GraphQLString)}
      },
     resolve: function(source, args) {
        console.log(args);
        resolve(args);
      }
    }
})
})

Also, I noticed on your user type, you have degrees surrounded with array brackets. Similar to your degrees input argument, you'll be outputting an array of strings. Try something like this:

  degrees:{
    type:new graphql.GraphQLList(graphql.GraphQLString)
  }

Happy coding!