Apollo 是否可以在调用 useLazyQuery 后清除数据 obj

Question

我为我创建的搜索栏调用了 apollo 惰性查询钩子，当我清除搜索栏中的数据时，我想从钩子中清除数据变量。我无法在线查看这是否可能

const [
    getAutoComplete,
    { data: autoCompleteItems, loading: loadingAutoComplete },
  ] = useLazyQuery(SEARCH, {
    variables: { limit: 10 },
  });

我在这里打电话给getAutoComplete：

useEffect(() => {
    if (searchQuery.length > 1 && searchQuery !== '') {
      getAutoComplete({ variables: { criteria: searchQuery } });
    }

    if (searchFocus && searchQuery === '') 
      // In here I want to do something like set autoCompleteItems = undefined
      getAutoComplete({ variables: { criteria: '{}' } });
    }
  }, [searchQuery]);

基本上，当我清除 searchQuery 时，autoCompleteItems 变量仍在使用前一个。但是当它为空时，我希望它是未定义的，最好不要调用 api。

Answer 1

你什么时候清除 searchQuery，graphql 缓存你的数据，所以如果你不需要，像这样使用 no-cache：

    getAutoComplete,
    { data: autoCompleteItems, loading: loadingAutoComplete },
  ] = useLazyQuery(SEARCH, {
    variables: { limit: 10 },
    fetchPolicy: 'no-cache',
  });