GraphQL是一种查询语言，它提供了客户端和服务端之间数据交互的一种方式。其中，graphql-anywhere是一个npm包，它可以帮助我们简化GraphQL的数据操作。
在本文中，我们将会探讨如何使用graphql-anywhere包来进行GraphQL数据操作，并给出相应的代码示例。
安装
首先，我们需要安装graphql-anywhere包：
npm install graphql-anywhere
使用
1. 在React组件中使用
如果你正在使用React，你可以在组件内使用graphql-anywhere来处理GraphQL数据。下面是一个使用graphql-anywhere获取GitHub API中用户信息的示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- -------------------
------ --- ---- --------------
----- ---------- - ----
----- -------------------- -------- -
----------- ---------- -
----
----------
-
-
--
----- -------- ------- --------------- -
----- - -
-------- -----
----- -----
--
----- ------------------- -
----- -------- - ----- --------------------------------------- -
------- -------
-------- -
-------------- ------- -------------------------------------------
--------------- -------------------
--
----- ----------------
------ ------------------- - --------- --------- ---
---
---
----- - ---- - - ----- ----------------
--------------- -------- ------ ----- --------- ---
-
-------- -
----- - -------- ---- - - -----------
-- --------- ------ ----------------------
------ -
-----
--------------------
---- --------------------- -------------------- -------- --
------
--
-
-
------ ------- ---------2. 在非React应用中使用
如果你正在开发一个使用GraphQL API的非React应用，你可以在组件外使用graphql-anywhere。下面是一个通过GitHub API获取用户信息的示例：
-- -------------------- ---- -------
------ - ------- - ---- -------------------
------ --- ---- --------------
------ ----- ---- --------------
----- ---------- - ----
----- -------------------- -------- -
----------- ---------- -
----
----------
-
-
--
----- --------- - ----- -- -- -
----- -------- - ----- --------------------------------------- -
------- -------
-------- -
-------------- ------- ---------------------------------
--------------- -------------------
--
----- ----------------
------ ------------------- - --------- --------- ---
---
---
----- - ---- - - ----- ----------------
-----------------------
--
------------总结
使用graphql-anywhere包能够帮助我们简化GraphQL数据操作，使得代码更易读、易维护。本文介绍了如何在React和非React应用中使用graphql-anywhere，并提供了相应的示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/54918