How to pass GraphQLEnumType in mutation as a string value

Question

I have following GraphQLEnumType

const PackagingUnitType = new GraphQLEnumType({
  name: 'PackagingUnit',
  description: '',
  values: {
    Carton: { value: 'Carton' },
    Stack: { value: 'Stack' },
  },
});

On a mutation query if i pass PackagingUnit value as Carton (without quotes) it works. But If i pass as string 'Carton' it throws following error

In field "packagingUnit": Expected type "PackagingUnit", found "Carton"

Is there a way to pass the enum as a string from client side?

EDIT: I have a form in my front end, where i collect the PackagingUnit type from user along with other fields. PackagingUnit type is represented as a string in front end (not the graphQL Enum type), Since i am not using Apollo Client or Relay, i had to construct the graphQL query string by myself. Right now i am collecting the form data as JSON and then do JSON.stringify() and then remove the double Quotes on properties to get the final graphQL compatible query.

eg. my form has two fields packagingUnitType (An GraphQLEnumType) and noOfUnits (An GraphQLFloat) my json structure is

{ 
  packagingUnitType: "Carton",
  noOfUnits: 10
}

convert this to string using JSON.stringify()

'{"packagingUnitType":"Carton","noOfUnits":10}'

And then remove the doubleQuotes on properties

{packagingUnitType:"Carton",noOfUnits:10}

Now this can be passed to the graphQL server like

newStackMutation(input: {packagingUnitType:"Carton", noOfUnits:10}) {
...
}

This works only if the enum value does not have any quotes. like below

newStackMutation(input: {packagingUnitType:Carton, noOfUnits:10}) {
...
}

Thanks

Are you using Relay, Apollo, or making the request in GraphiQL-or equivalent- ? — yachaka
– yachaka, Commented May 31, 2017 at 9:37
I am not using any of those. I am constructing the query and making a post request to the graphiql server. But I tried this in GraphiQL, it does not allows me to pass the Enum as string. — krishnan
– krishnan, Commented Jun 1, 2017 at 4:28
This is normal, as this is an enum, you need to type the value without string. Why do you want to pass it as a string ? — yachaka
– yachaka, Commented Jun 1, 2017 at 7:51

yachaka · Accepted Answer · 2017-06-07 13:42:38Z

2

GraphQL queries can accept variables. This will be easier for you, as you will not have to do some tricky string-concatenation.

I suppose you use GraphQLHttp - or similar. To send your variables along the query, send a JSON body with a query key and a variables key:

// JSON body
{
  "query": "query MyQuery { ... }",
  "variables": {
    "variable1": ...,
  }
}

The query syntax is:

query MyMutation($input: NewStackMutationInput) {
  newStackMutation(input: $input) {
    ...
  }
}

And then, you can pass your variable as:

{
  "input": {
    "packagingUnitType": "Carton",
    "noOfUnits": 10
  }
}

GraphQL will understand packagingUnitType is an Enum type and will do the conversion for you.

answered Jun 7, 2017 at 13:42

yachaka

5,6291 gold badge26 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass GraphQLEnumType in mutation as a string value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related