介绍
前端开发者在使用 GraphQL 前，有时需要使用它的一部分功能，而不是整个框架。在这种情况下，@rmosolgo/graphql-anywhere 是一个非常好的选择。@rmosolgo/graphql-anywhere 是一个工具库，可以让你把 GraphQL 查询和变异转换为用于处理大型组件树所需的数据格式。这个库还提供了一种非常快速的途径来解析和执行 GraphQL。
在本文中，我们将介绍 @rmosolgo/graphql-anywhere 的使用方法。
安装
首先，我们需要安装 @rmosolgo/graphql-anywhere 依赖包，我们可以使用 npm：
npm install @rmosolgo/graphql-anywhere
或使用 yarn：
yarn add @rmosolgo/graphql-anywhere
使用方法
下面是一个简单的示例，使用 @rmosolgo/graphql-anywhere 库对 GraphQL 查询进行转换：
-- -------------------- ---- -------
------ - -------- ----- - ---- ----------
------ --------------- ---- -----------------------------
----- ------ - -
---- ----- -
----- -------
----------------- --------- -------
---
----- ----- - -
----- -
----
------------------------
-
--
--------------- -------------------- -- -
----- ----------------- - ----------------------- ---------------
-------------------------------
---在上面的代码中，我们定义了一个简单的 GraphQL schema，其中包含 Query 类型。我们定义了两个字段：name 和 getGreeting。然后，我们创建了一个查询，它请求这两个字段的值。在获取了 GraphQL 查询结果后，我们对其进行转换，使用 graphqlAnywhere 方法转换，然后打印出来。
深入学习
@rmosolgo/graphql-anywhere 有很多有用的特性，如果你想要深入学习这个库的应用，可以查看以下内容：
1. 使用映射器进行转换
默认情况下，@rmosolgo/graphql-anywhere 可以自动转换 GraphQL 查询结果，将其转换为 JavaScript 对象，并将其映射到 React 组件中所需的格式。
我们也可以自己定义映射器，使用自定义的方式转换 GraphQL 查询结果，并把它们映射到任何需要的格式。
举个例子，如果我们想要将列表数据映射为一个带有 ID 属性的对象数组：
-- -------------------- ---- -------
----- ---- - -
----- -
- --- -- ----- ------ --
- --- -- ----- ----- --
--
--
----- ------ - -
---- ----- -
----- ------------
-
---- ---------- -
--- ----
----- -------
---
----- ----------- - -
----------- ----- -- -- --- ------ ---
----- ----- -- ----
--
----- ------ - ----------------------- ----- -------------
--------------------在上面的代码中，我们定义了一个 transformer 对象，用于将列表数据映射为带有 ID 属性的对象数组。我们还提供了 Schema，以便 @rmosolgo/graphql-anywhere 可以验证数据正确性，并编写我们的示例数据以便于转换。最后，我们使用 graphqlAnywhere 方法将数据和变换器组合在一起。
2. 变量和参数
我们可以在 GraphQL 查询中使用变量和参数进行动态查询。在 @rmosolgo/graphql-anywhere 中，你可以通过 initialValue 参数来传递 GraphQL 变量和参数。举个例子：
-- -------------------- ---- -------
----- -------- - ------ -- -
------ ------- -------- -
----
-----------------------
--
--
----- ------ - -
---- ----- -
----- -------
----------------- --------- -------
---
----- ----------- - -
----- ----- -- ----
------------ ----- -- ----
--
----------------
-------
-----------------
------------
-----
- ----- ------ --
--------------- -- ---------------------在上面的代码中，我们定义了一个 getQuery 函数，它接受一个名字，返回一个带变量的 GraphQL 查询。接下来，我们定义了一个 Schema 和一个变换器，最后使用 initialValue 参数将变量传递给 graphqlAnywhere 方法。
总结
在这篇文章中，我们介绍了 @rmosolgo/graphql-anywhere 常用的应用场景和使用方法。如果你想要处理和转换 GraphQL 查询结果，@rmosolgo/graphql-anywhere 是一个非常好的选择。如果你对这个库的使用有任何疑问或建议，欢迎在下面留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822d2e