javascript - 如何为 Apollo 客户端指定 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 参数应该是一个变量，它将根据组件的 props 进行计算。

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

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

查看this沙箱为例。您可以看到架构和解析器 here