GraphQL处理数组json数据

Posted 2023-03-08

【中文标题】GraphQL处理数组json数据

【英文标题】：GraphQL processing array json data

【发布时间】：2019-06-19 19:37:17

【问题描述】：

我是 GraphQL 新手，不确定这个问题是我缺乏 javascript 知识还是 GraphQL。

我的 GraphQL 查询外部服务，当响应是标量 json 对象时，一切正常。当外部服务返回一个 json 数组时，问题就来了。

这适用于单个 json 结果：

const transform = (json) => 
  return 
    id: json.id,
    fullname: json.fullName,
    email: json.email

但是对于这样的数组，映射代码是不够的。

[id:...fullname:...email:...,id:...etc,id:...etc]

现在我可以检测到返回是一个数组，我可以循环遍历数组，只是不确定如何映射到 GraphQLList。

所以在谷歌搜索后，我找到了 GraphQLList，但它也不起作用。

...snip from Schema...
UserData: 
        type: GraphQLLIst(UserType),

与上面相同的映射代码。

message": "预期为 Iterable，但没有为字段 RootQueryType.investorData 找到一个。

但是我很困惑，因为控制台日志清楚地显示了一个json数组？

---

GraphQLSchema

const RootQueryType = new GraphQLObjectType(
   name: 'RootQueryType',
   fields:
    investorData: 
        type: new GraphQLList(UserType),
        description: 'Get investors by id',
        args:key: type: GraphQLString ,
        resolve: resolveInvestorData
       
     
   
)

【问题讨论】：

您能发布您的 GraphQL 架构吗？您为investorData 字段定义的类型是什么？

@YevheniiHerasymchuk。架构已发布。

【参考方案1】：

问题解决了，但不是我的任何天才，而是愚蠢的运气。

所以通过添加映射代码，我实际上是在干扰 GraphQL 的映射。

这是错误的，但在这里发布是为了前后比较。

GraphQLSchema：

const RootQueryType = new GraphQLObjectType( 名称：'RootQueryType'，

fields:     
    userData: 
        type: new GraphQLList(UserType),
        args:key: type: GraphQLString ,
        resolve: resolveUserData
       
    
  
)

解析用户数据：

return fetch(url)
   .then(response => 
      return response.json()
      )
   .then(json => 
      return transformUser(json)
      )
   .catch(err => 
      console.trace(err)
     )  
  

const transformUser = (json) => 
  console.trace(json);
  return 
    id: json.id,
    portfolioid: json.portfolioID,
    fullname: json.fullName,
    email: json.email
   

正确的返回数据映射。 （提示没有映射）

return fetch(url)
   .then(response => 
      return response.json()
      )
   .catch(err => 
      console.trace(err)
     )  
  

现在这是我的最终解决方案，因为我想要一个端点来处理单个查找和“获取所有”请求。随意评论这个架构。

const resolveUserData = (obj, args) => 

let url = '';

//if branch to determine if one user or all
if (typeof args.key === "undefined") 
    url = 'http://localhost:5001/api/users';

else

    url = 'http://localhost:5001/api/users/' + args.key;


return fetch(url)
.then(response => 
  return response.json()
)
.then(json => 
    if(!Array.isArray(json))
    
        var jarray = [];
        jarray.push(json);
        return jarray;
    
    return json
)
.catch(err => 
  console.trace(err)
)