javascript - urql useQuery 的暂停选项不会暂时卡住请求

Question

我正在尝试使用以下代码一次执行 urql useQuery 。但由于某种原因，每次重新渲染都会调用它。
根据文档 https://formidable.com/open-source/urql/docs/basics/queries/#pausing-usequery
此查询最初应在渲染时暂停，并且仅在挂载时从 React.useEffect 调用时才应执行。

const [{ fetching, data, error }, reExecute] = useQuery({
  query: INITIAL_CONFIG_QUERY,
  pause: true
});

React.useEffect(() => {
  reExecute();
}, []);

使用 urql 一次执行查询的最佳方法是什么？

Answer 1

Urql 维护者在这里，我假设如果组件不断重新安装，就会发生额外的事情。这个钩子(Hook)不应该让包装组件重新挂载。
话虽如此，您始终可以使用 useClient钩子(Hook)获取 urql-client 然后使用 client.query().toPromise()在那个钩子(Hook)中并使用返回的结果。
在您的情况下，这可能是:

const MyComponent = () => {
  const client = useClient();
  useEffect(() => {
     client.query(
       INITIAL_CONFIG_QUERY
     ).toPromise().then(result => /* do something */)
  }, [])
}