如何使用 ReactJS 从 GraphQL 的 Enum 类型中列出成员答案

【问题标题】：How to list members from an GraphQL's Enum type with ReactJS如何使用 ReactJS 从 GraphQL 的 Enum 类型中列出成员
【发布时间】：2017-04-12 06:58:49
【问题描述】：

我有一个接受枚举作为输入之一的 GraphQL 突变，我想将这些枚举的成员列为 UI 上的选择。我该怎么做？我需要将成员硬编码到选择中吗？

【问题讨论】：

标签： reactjs relayjs graphql-js

【解决方案1】：

您可以使用__type 字段来获取枚举类型的值。例如，您可以询问 Color 枚举的值：

{
   __type(name: "Color") {
     enumValues {
       name 
     }
   }
}

它可能会返回如下响应：

{
  "data" : {
    "__type" : {
      "enumValues" : [
        { "name" : "WHITE" },
        { "name" : "BLUE" },
        { "name" : "BLACK" },
        { "name" : "RED" },
        { "name" : "GREEN" },
      ]
    }
  }
}

然后，您可以使用该响应来呈现 UI。

有关 GraphQL 内省的更多信息：http://graphql.org/learn/introspection/

【讨论】：

能否请您告诉我如何使用此响应在选择标记中呈现，因为我在尝试使用数据时收到“TypeError: Cannot read property '__type' of undefined”.__type （从 __type 查询中获得）在 ""useMutation" 钩子的选择标签中？