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

Question

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

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

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

Answer 1

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

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

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

查看此沙箱中的示例。 您可以在此处查看架构和解析器