我如何为 Apollo Client 指定 GraphQL 查询并获取属性出现适当字符串的项目

Posted 2023-03-10

【中文标题】我如何为 Apollo Client 指定 GraphQL 查询并获取属性出现适当字符串的项目

【英文标题】：How I can specify GraphQL query for Apollo Client and get items which property has an occurrence of the appropriate string

【发布时间】：2018-05-11 16:38:28

【问题描述】：

在最后几天之前，我没有使用 GraphQL。我将 Apollo Client 与 graphql-tag 一起使用。现在我可以使用以下查询从服务器获取城市列表：

query 
    cities(country:countryName, limit:30)
      id
      name
      

但我只想获取名称（name 属性）出现用户键入的字符串的城市。它应该像自动完成一样工作。例如，当用户键入san 时，我想获取San Francisco, San Jose, San Juan... 的对象数组。是否可以在客户端进行，或者我应该向后端开发人员询问？

【参考方案1】：

country 参数应该是一个变量，它将根据组件的 props 进行计算。

query ($country: String) 
  cities(country: $country, limit: 30) 
    id
    name
  

您的输入应位于组件的父级中，该父级将通过 country 属性传递值。

查看this 沙盒作为示例。你可以看到架构和解析器here

【讨论】：

很好的答案。谢谢你的例子。