apollo - 如何以编程方式执行useLazyQuery？

Question

好的，我知道 React Apollo 的 useLazyQuery 仅在其第一个参数被调用时执行。但令我失望的是，之后它的行为类似于 useQuery。

那么:如何控制何时触发 useLazyQuery？我的用例非常简单:我有一个“自动完成”搜索栏。我不想在输入为空时查询。我可以在第一个“空”时轻松地做到这一点，但我找不到在用户删除整个输入时禁用查询的方法。

Answer 1

好的，甚至在我发布之前就找到了答案:)

看起来如果您的查询有变量，Apollo Client 将不会运行它，直到您提供它们。所以对于我的用例:

const [execQuery, {data}] = useLazyQuery (QUERY_SEARCH)
useEffect (() => {
  str && (() => {
    execQuery ({variables: {str}})
  })()
}, [str])

const results = R.isEmpty (str) ? null : data