React Apollo查询-如何动态使用查询或将查询捆绑在一起?

时间:2018-09-03 17:42:54

标签: apollo react-apollo apollo-client

在我的情况下,我有一个GraphQL查询,该查询接收一个名称并为其返回一个ID。

我的react组件有一个HOC,它以名称作为道具,并利用React Apollo的Query组件来获取所需的数据。

现在,我想更改该行为,并为道具使用名称数组而不是单个String,因此我想找回id数组。 这是我有点迷路的地方:

如何正确使用查询组件来处理我的名称数组?

嵌套查询组件似乎不切实际,因为数组的长度会有所不同。

我可以只在服务器上实现一个新查询,该查询需要一个名称数组并返回一个id数组,但是当前查询确实可以达到预期的目的,我想知道什么是正确的解决方案使我的HOC对每个数组元素执行单独的查询。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

实施该后端查询对我来说似乎是最佳选择。请注意,您不需要创建冗余代码,可以提供一个好的服务器结构来重用解析器代码。

别名(别名)是您可以使用的另一种方式,更像是您要查找的内容。您可以编写一个客户端“查询”来多次调用该后端查询,并以不同的别名接收数据。在这种情况下,您可能会使用其他名称作为别名。

https://graphql.org/learn/queries/#aliases

我希望这些想法对您有所帮助。如果您需要更具体的建议,请在您的问题上粘贴代码。