从 react 应用程序向 graphql API 发送一个枚举

Question

我有一个输入（附加图像），我需要从 react 应用程序发送到 graphql api。

我正在使用下面的代码将此对象和带有 init 的枚举发送到 graphql api Reactjs 代码

const RequestActionEnum = {
NEW: 'New',
UPDATE: 'Update',
ARCHIVE: 'Archive'
}

LocalCodeMutation({
      variables: {
        data: {
          id: null,
          city: values.jurisdiction,
          country: values.country,
          description: values.description,
          edition: values.edition,
          name: values.codeName,
          note: 'test',
          requestType: RequestActionEnum.NEW, // this is where i am sending enum value to api 
          state: values.state
        }
      }
    });

下面的代码是我调用突变的地方

 const [LocalCodeMutation] = useMutation(LOCALCODE_MUTATION, {
refetchQueries: () => [
  { query: GET_LOCALCODES },
],
});

export const LOCALCODE_MUTATION = gql`
  mutation LocalCodeMutation($data:  LocalCodeRequestParamsInput) {
localCodeMutation(data: $data) {
  ok
  errors
  localCodeInsertedId
  }
 }
`;

我在发送到 API 时收到此错误：

错误：GraphQL 错误：变量 $data 的值无效。

如何将枚举值从 react 组件发送到 graphQL api。

有人可以就此提出任何想法吗？

Answer 1

RequestActionEnum 的枚举值为

• NEW
• UPDATE
• ARCHIVE

如果你使用这个枚举作为文字（不是变量），你可以这样写：

{
  someField(someArgument: NEW)
}

同样，如果您使用变量，您将使用"NEW"。相反，您使用的是"New"，这对于这个特定的枚举来说不是一个有效的枚举值。

FWIW，如果你真的通读到错误的结尾，它也会告诉你很多。