什么是 apollo-tote？
apollo-tote 是一个基于 apollo-link 的包，它使用了 GraphQL 的一些高阶功能，提供了一个方便的工具来处理复杂的查询。具体来说，它允许您通过将多个查询组合到一个单一的 tote 查询中，从而减少网络往返次数，并在服务端进行单一的数据处理，从而更好地利用网络和服务端资源。
安装
您可以通过 npm 来安装 apollo-tote 包，执行以下命令即可：
--- ------- -----------
如何使用
步骤 1：将 apollo-tote 的链接添加到 Apollo Client 选项中
在您的应用程序中，在创建 Apollo Client 实例时定义 link 属性。 我们需要在 link 属性中添加 apollo-tote 链接：
------ - ------------ - ---- --------------- ------ - -------- - ---- ------------------ ------ - ------------- - ---- ----------------------- ------ - -------- - ---- ------------- ----- -------- - --- ---------- ---- ------------------------------- -- ----- -------- - --- ---------- ----- ------ - --- -------------- ----- -------------------------- ------ --- ---------------- --
步骤 2：创建 tote 映射
接下来，在您的应用程序中，创建一个 tote 映射，它包含了将多个查询组合到单个 tote 查询中的逻辑。
------ - ---------- - ---- -------------
----- --------- - -
----- ------------- ---- ---------- --------- -
-------- ---- -
--
----
------
-
---------------- ---- ------------ ---------- -
--
----
------
-
-
-
----- ------- - -
--------- ----------------------
-在上面的示例中，我们创建了一个名为 TodoList 的 tote 映射，它包含一个名为 toteMapper(toteQuery) 的项。在这个例子中，toteQuery 是一个 GraphQL 查询，其中包含了两个子查询。第一个子查询取回一个待办事项，第二个子查询取回给定待办事项的评论列表。我们使用 toteMapper 函数将这两个子查询组合到同一个 tote 查询中。 在您的应用程序中，您可以使用以下方式来调用 TodoList 映射：
------ - -------- - ---- ---------------------
----- -------- - -- --- ------------ -- -- -
----- - -------- ------ ---- - - ------------------ -
---------- -
---
--------- -------------
--
--
-- --------- ------ -----------------
-- ------- ------ -------- ------
----- - ----- -------- - - ----
------ -
-----
--------------------
---------- -----------------
------------- --
-------------------- -- -
---- -----------------
-----------------------
---------- --------------------
------
---
------
-
-在上面的示例中，我们使用 useQuery 来调用 TodoList 映射。 我们使用 variables 属性来传递 id 和 showComments 数据给查询。这些变量在 TodoList 映射中被引用。最终，我们在 render 方法中根据查询结果为用户呈现一个待办事项及其评论。
总结
通过使用 apollo-tote，我们可以将多个查询组合到一个单一的查询中，从而提高效率并降低网络数据往返。我们还可以使用 apollo-tote 映射来定义自己的 tote 查询，以期望达到最佳的效率。
以上是 apollo-tote 的一些基本用法和示例，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056cc781e8991b448e64be