如何保护useQuery中的首次通话

Question

const [lastViewId, setLastViewId] = useState<string>("");

const { data, loading, error } = useQuery(
  GET_USER, 
  variables: { id: user_id }
);

const lastViewData = useQuery(
  GET_LAST_VIEW_DATA, 
  variables: { id: lastViewId }
);

useEffect(() => {
  if (loading || !data) return;

  if (data && data.user && data.user.lastViewId) {
    setLastViewId(data.user.lastViewId)
  }
}, [loading]);

如您所见，在设置GET_LAST_VIEW_DATA之前，没有lastViewId的情况下调用lastViewId。

但是我想在设置lastViewId之后调用GET_LAST_VIEW_DATA。

如何保护第一个电话？

Answer 1

useLazyQuery是解决此问题的最佳方法。