从 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，如果您实际上读到了错误的末尾，它也会告诉您同样多的信息。