如何有条件地使用打字稿将useQuery放入react-query中

Question

我正在使用useQueryfromreact-query来获取我只希望查询在某种条件下运行的数据。我该如何使用它？以下是我要使用的代码useQuery

  const query = useQuery<APIResponse, Error>(
    [{query: creatGQL, variables: variables}],
    async () => {
      const result: APIResponse = await ucFetch(apiUrl, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({
          query: creatGQL,
          variables: variables,
        }),
      });
      return result;
    }  );
  return query;

Answer 1

可以使用该enabled选项禁用/启用查询。如果是false，则查询将不会运行：

useQuery(key, queryFn, { enabled: myCondition }

条件可以是静态的，也可以由状态/道具驱动 - 任何真正的布尔值。