如何在 react-apollo 中等待多个 useLazyQuery

Question

我有一个gql 查询MY_Q 并有一个数据项列表，例如data_list = [data1, data2]

如何在每个数据项上对多个useLazyQuery()进行分组，并等待所有查询完成后再处理数据。

类似于Promise.all()。

例子：-

Promise.all (data_list.map((e) => useLazyQuery(MY_Q , { variables : { data : 
e}}))).then ((res) {
 //process result.
})

Answer 1

我不会使用 Promise，因为你会想要你的 React 组件中的钩子返回什么，不是吗？

只需为每个单独的查询定义挂钩，然后根据目前返回的内容进行渲染。获取所有内容后，如果没有，则在组件中呈现加载视图。

function SomeComponent () {
  const [fetchInitial, {data, fetchMore}] = useLazyQuery(QUERY, {
    variables: {
      dataSets: [
        dataSet1,
        dataSet2
      ]
    }
  });

}