如何使用Apollo graphql HOC执行多个查询？

Question

我正在编写一个Web应用程序，我需要查询Apollo的本地状态以及远程API。 ApollographqlHOC不允许发送多个查询，但提供了一些compose功能。但是似乎@apollo/react-hoc软件包没有它。不幸的是，将本地状态请求脚本化为远程请求无法正常工作（根据DevTools，请求已发送，但未提供数据）。 Redux的compose仍然没有帮助（嗯，对于我来说很清楚为什么如此）。解决此问题的最佳方法是什么[ React挂钩？

Answer 1

截至@ apollo / react-hook文档，您似乎可以通过将一个查询嵌套到另一个查询中来运行多个查询。

默认情况下，graphql挂钩将数据作为data属性插入，因此对于多个查询而言，它将不起作用。 config.name进行救援，因此您可以为数据道具指定不同的名称。

export default(
  graphql(
    query1, 
    {name: "data1"}
  )(
    graphql(
      query2, 
      {name: "data2"}
    )(YourComponent)
  )
)