Реагировать Нативный запрос graphql с реле не работает

Question

Я как бы потерял эту проблему, поэтому любая помощь будет оценена! Так вот вопрос, который я хотел бы отправить:

query { 
    viewer{ 
    search_places(lat: "40.7127", lng: "-74.0059", searchType:"all", searchTerm:"shopping"){ 
     edges{ 
     node{ 
      id, 
      name, 
      lat, 
      lng 
     } 
     } 
    } 
    } 
} 

до сих пор так хорошо, этот запрос работает, когда я пытаюсь его на GraphiQL. Этот запрос возвращает объект PlaceConnection. Теперь я пытался реализовать то же самое на React Native с реле:

class SearchPlacesRoute extends Route { 
    static paramDefinitions = { 
    lat  : { required: true }, 
    lng  : { required: true }, 
    searchType : { required: true }, 
    searchTerm : { required: true } 
    } 
    static queries = { 
    search_places:() => Relay.QL` 
     query { 
     viewer{ 
      search_places(lat: $lat, lng: $lng, searchType: $searchType, searchTerm: $searchTerm) 
     } 
     } 
     ` 
    } 
    static routeName = 'SearchPlacesRoute' 
} 

class SearchPlacesComponent extends Component { 
    render() { 
    const places = this.props.search_places; 
    console.log(places); 
    for (var index = 0; index < places.length; index++) { 
     var element = places[index]; 
     console.log(element); 
     } 
    return (
     <View> 
     <Text>email: {places[0].name}</Text> 
     </View> 
    ) 
    } 
} 

SearchPlacesComponent = Relay.createContainer(SearchPlacesComponent, { 
    fragments: { 
    search_places:() => Relay.QL` 
     fragment on PlaceConnection { 
      edges 
      { 
      node 
      { 
       id, 
       name, 
       lat, 
       lng 
      } 
      } 
     } 
     ` 
    } 
}) 

<RootContainer 
    Component={SearchPlacesComponent} 
    route={new SearchPlacesRoute({lat:"40.7127", lng: "-74.0059", searchType:"all",searchTerm: "shopping"})} 
    renderFetched={(data) => <SearchPlaces {...this.props} {...data} />}/> 

, но когда я пытаюсь захватить данные с этого я получаю следующее сообщение об ошибке:

1. Objects must have selections (field 'search_places' returns PlaceConnection but has no selections) 
     _search_places40zPNn:search_places(lat:"40.7127",lng:"-7 
     ^^^ 
2. Fragment F0 on PlaceConnection can't be spread inside Viewer 
     ...F0 
     ^^^ 

Так я изучил то, что на самом деле отправлено сервер:

и мне кажется, что фрагмент отправляется как отдельный запрос вместо выделения. Любая идея, почему это происходит или как я могу избежать такого поведения?

EDIT:

вот мой окончательный код - надеюсь, что это будет полезно для некоторых: https://gist.github.com/adamivancza/586c42ff8b30cdf70a30153944d6ace9

Answer 1

Я думаю, что проблема в том, что ваш реле маршрута слишком глубоко. Вместо этого, определить свой маршрут, чтобы просто запросить против viewer:

class SearchPlacesRoute extends Route { 
    static queries = { 
    viewer:() => Relay.QL` 
     query { 
     viewer 
     } 
     ` 
    } 
    static routeName = 'SearchPlacesRoute' 
} 

Затем внутри вашего компонента, определить его как fragment on viewer, а не на PlaceConnection:

SearchPlacesComponent = Relay.createContainer(SearchPlacesComponent, { 
    initialVariables: { lat: "..." /* TODO */ }, 
    fragments: { 
    viewer:() => Relay.QL` 
     fragment on viewer { 
     search_places(lat: $lat, lng: $lng, searchType: $searchType, searchTerm: $searchTerm) { 
      edges 
      { 
       node 
       { 
       id, 
       name, 
       lat, 
       lng 
       } 
      } 
      } 
     } 
     ` 
    } 
}) 

Вам нужно переместить переменные ($lag, $lng и т. д.) должны быть определены как часть контейнера, а не как часть маршрута. Но я думаю, что это должно решить вашу проблему.