Apollo GraphQL React - how to query on click? - Ednsquare

Question

In the Apollo React docs http://dev.apollodata.com/react/queries.html#basics there are examples of fetching automatically when the component is shown, but I'd like to run a query when a button is clicked. 

I see an example to "re"fetch a query when a button is clicked, but I don't want it to query initially. I see there is a way to call mutations, but how do you call queries?

Ritesh swamy · Accepted Answer

You can do it by passing a reference to Apollo Client using the withApollo higher-order-component, as documented here: https://www.apollographql.com/docs/react/api/react-apollo.html#withApollo Then, you can call client.query on the passed in object, like so: class MyComponent extends React.Component { runQuery() { this.props.client.query({ query: gql`...`, variables: { ... }, }); } render() { ... } } withApollo(MyComponent); Out of curiosity, what's the goal of running a query on a click event? Perhaps there is a better way to accomplish the underlying goal.

GraphQL

Apollo GraphQL React - how to query on click?

Similar Questions

In GraphQL what's the meaning of edges and node?

GraphQL Expected Iterable, but did not find one for field xxx.yyy

How to query graphql endpoint with postman?

On a mission to build Next-Gen Community Platform for Developers

Facebook

Twitter

Linkedin

Instagram