reactjs - query - Apolo GraphQL React: ¿cómo consultar al hacer clic?

react-apollo

Question

En los documentos de Apollo React http://dev.apollodata.com/react/queries.html#basics hay ejemplos de búsqueda automática cuando se muestra el componente, pero me gustaría ejecutar una consulta cuando se hace clic en un botón. Veo un ejemplo para "recuperar" una consulta cuando se hace clic en un botón, pero no quiero que se haga una consulta inicial. Veo que hay una forma de llamar mutaciones, pero ¿cómo llamas a las consultas?

Answer 1

Puede hacerlo pasando una referencia al Cliente Apollo utilizando el withApollo de orden superior de withApollo , como se documenta aquí: https://www.apollographql.com/docs/react/api/react-apollo.html#withApollo

Luego, puede llamar a client.query en el objeto pasado, así:

class MyComponent extends React.Component {
  runQuery() {
    this.props.client.query({
      query: gql`...`,
      variables: { ... },
    });
  }

  render() { ... }
}

withApollo(MyComponent);

Por curiosidad, ¿cuál es el objetivo de ejecutar una consulta en un evento de clic? Tal vez hay una mejor manera de lograr el objetivo subyacente.