Apollo Client에 대한 GraphQL 쿼리를 지정하고 해당 속성에 적절한 문자열이 나타나는 항목을 가져 오는 방법

Question

마지막 날 전에 GraphQL을 사용하지 못했습니다. 나는 graphql-tag으로 Apollo Client를 사용합니다. 지금은이 쿼리 서버에서 도시의 목록을 얻을 수 있습니다 :

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

하지만 사용자가 입력하는 문자열의 발생이 이름 (name 속성)만을 도시 싶어. 자동 완성과 같이 작동해야합니다. 예를 들어, 사용자 유형이 san 인 경우 San Francisco, San Jose, San Juan...에 대한 객체 배열을 가져 오려고합니다. 클라이언트 측에서도 가능합니까? 아니면 백엔드 개발자에게 요청해야합니까?

Answer 1

인수는 변수 여야하며 구성 요소의 소품에서 계산합니다.

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

귀하의 입력은 country 소품을 통해 값을 통과 할 구성 요소의 부모에 앉아 있어야합니다.

예를 들어 this 샌드 박스를 확인하십시오. 스키마와 확인자를 볼 수 있습니다. here