React Apollo query hook refetch

Jose Romero

apolloreactuseQuery•••

Example 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(GRAPHQL_QUERY, { 
  variables: { }
});