С клиентом apollo, как вы устанавливаете статус загрузки на мутации refetchQueries?

Question

Так что я добавляю в список объектов с мутацией с помощью клиента apollo. У меня есть событие, и я добавляю участников, и я использую refetchQueries, чтобы получить обновленное событие с участниками на экране подробностей. К сожалению, я не получаю статус data.loading == true во время этого реквизита, что делает вероятным, что пользователь будет постоянно ударять по кнопке участника участия.

<Button styleName="dark full-width" onPress={()=> { 
      this.props.joinEvent({ 
       variables: { eventId: Event.id, userId: user.id }, 
       refetchQueries: ['getEvent'], 
       }); 
       // how do I trigger the data.loading = true like it does during the initial fetch? 
      } 
     }> 

Answer 1

The Apollo Реагировать документация не велика на этом, но есть open issue улучшить его.

Вместо того, чтобы смотреть на недвижимость data.loading, вы хотите использовать data.networkStatus. Он будет изменен на 4 во время обновления (networkStatus values).

Однако, чтобы получить это значение для обновления, вам также необходимо установить notifyOnNetworkStatusChange вариант true в ваших запросах.

Использование Реагировать graphql высшего порядка компонент, это выглядит следующим образом:

var myQuery = gql` 
    query MyQuery { 
     ... 
    } 
`; 

var myComponentWithData = graphql(myQuery, { 
     options: { 
      notifyOnNetworkStatusChange: true 
     } 
    } 
)(MyComponent);