如何為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屬性將值向下傳遞。

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