reactjs - Varför hämtar inte React data eller fel från en GraphQL-fråga, även om API:et körs när skip är sant?


Jag har en fråga som behöver köras när jag klickar på en knapp. För att uppnå detta har jag satt skip till true så att jag manuellt kan trigga frågan med refetch. Trots att jag kan se att frågan körs i nätverksfliken som förväntat, får jag inga data eller fel som resultat. Både data- och error-variablerna förblir odefinierade. Jag är osäker på varför detta händer och vilka steg jag bör ta för att lösa det.

Här kan du se hur jag har använt frågan från @apollo/client.

<button onClick={handleFetchData}>Fetch Data</button>
import { useQuery } from "@apollo/client";

const { loading, error, refetch } = useQuery(GET_CARD_DETAILS, {
  variables: {
    confirmationId,
    name,
  },
  skip: true,
});

const handleFetchData = () => {
  refetch();
};