0
0
JRJose Romero
apolloreactuseQueryβ’β’β’
React TypeScript RecipesExample usage of the useQuery
hook from Apollo
in React
. Here data
is an object containing the results of the query, error
is an object if there was an error while trying to get the data, or undefined if everything went well. And loading
is a boolean indicating whether the server is currently loading the query's data or not. And refetch
is a function
Library: react
Shortcut: apollo.query.refetch.hook.use
import { useQuery } from '@apollo/client';
const { data, error, loading, refetch } = useQuery<ResponseType, VariablesType>(GRAPHQL_QUERY, {
variables: {
}
});