# Apollo Client \[React\]-- How to Query on Click

DevFeed: [Apollo Client \[React\]-- How to Query on Click](<https://devfeed.tech/articles/apollo-client-react-how-to-query-on-click-23381.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/how-to-query-on-click>)

Author: Khalil Stemmler

Published: 2020-02-24T18:54:00Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [React Hooks](<https://devfeed.tech/topics/react-hooks.md>), [React](<https://devfeed.tech/topics/react.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [article](<https://devfeed.tech/tags/article.md>), [code](<https://devfeed.tech/tags/code.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [react](<https://devfeed.tech/tags/react.md>), [react-hooks](<https://devfeed.tech/tags/react-hooks.md>)

## AI overview

A tutorial showing how to manually trigger client-side GraphQL queries in response to a button click using Apollo Client 3 with React Hooks and the Countries API.

## Source excerpt

Sometimes, you don't want to fetch data right away- but instead, you'd like to fetch data manually in response to some sort of event, like a button click! In this quick article, I'll show you how to use the hook to manually trigger client-side GraphQL queries. Project setup & demo We're using Apollo Client 3 with React Hooks, and Trevor Blades' Countries API.