Аполлон useLazyQuery неоднократно вызывается - PullRequest
Новая
       19

Аполлон useLazyQuery неоднократно вызывается

1 голос
/ 17 февраля 2020

Я пытаюсь создать форму, которую можно использовать для любой операции CRUD на столе. Для операции обновления я хотел бы передать переменную с маршрутом. Все это работает нормально, но когда я вызываю запрос с помощью отложенного запроса, он ничего не делает для первой пары вызовов, а затем возвращает данные по третьему вызову. Это нормально? Я неправильно называю запрос? Можно ли дождаться возврата запроса с данными? 

import React, { useState, useEffect } from "react";
import Router, { useRouter } from "next/router";

import Container from "react-bootstrap/Container";

import { useLazyQuery } from "@apollo/react-hooks";
import { GET_PLATFORM } from "../graphql/platforms";

export default function platformsForm(props) {
  const router = useRouter();

  // grab the action requested by caller and the item to be updated (if applicable)
  const [formAction, setFormAction] = useState(router.query.action);
  const [formUpdateId, setFormUpdateId] = useState(router.query.id);

  const [
    getPlatformQuery,
    { loading, error, data: dataGet, refetch, called }
  ] = useLazyQuery(GET_PLATFORM, {
    variables: { id: formUpdateId }
  });

  useEffect(() => {
    console.log("update");
    // var dataReturned = getPlatformLookup(formUpdateId);

    !called && getPlatformQuery({ variables: { id: formUpdateId } });
    if (dataGet && dataGet.Platform.platformName) {
      console.log(
        dataGet.Platform.platformName,
        dataGet.Platform.platformCategory
      );
    }
  }),
    [];

  return (
    <Container>
      <h4>
        Name: {dataGet && dataGet.Platform.platformName}
        <br />
        Cat: {dataGet && dataGet.Platform.platformCategory}
        <br />
        formAction: {formAction}
        <br />
        formUpdateId: {formUpdateId}
        <br />
      </h4>
    </Container>
  );
}

1 Ответ

0 голосов
/ 31 марта 2020

Вам нужно использовать fetchPolicy: "network-only"

В вашем случае я бы сделал что-то вроде этого: 

const [
    getPlatformQuery,
    { loading, error, data: dataGet, refetch, called }
  ] = useLazyQuery(GET_PLATFORM, {
    variables: { id: formUpdateId },
    fetchPolicy: "network-only",
});
...