介绍
react-apollo-temp-adambom 是一个基于 React 和 Apollo 的开源 npm 包，可以让你更轻松地在 React 应用程序中使用 GraphQL。
这个包的作者 Adam Bomgardner 在 Github 上给了一个示例项目，非常适合新手入门，但是直接使用 npm install 安装这个包后，并不能直接在自己的项目中使用，故本文就这个 npm 包进行详细且有深度的介绍，并给出详细的使用指导。
使用步骤
安装
使用 npm 进行安装
npm install react-apollo-temp-adambom
配置
首先，为了使用 GraphQL 查询，请确保已经安装了 graphql 和 graphql-tag 依赖：
npm install graphql graphql-tag
在项目中导入 ApolloClient、ApolloProvider 和 graphql 的 query 方法：
import ApolloClient from 'apollo-boost';
import { ApolloProvider } from 'react-apollo';
import { gql } from 'apollo-boost';接着在你的 index.js 文件中使用 ApolloProvider 组件，包裹住你的根组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --- ---- --------
------ ------------ ---- ---------------
------ - -------------- - ---- ---------------
----- ------ - --- --------------
---- -------------------------------------------------------------
---
----------------
--------------- ----------------
---- --
------------------
--------------------------------
--使用
一个简单的 graphql 查询
-- -------------------- ---- -------
------ - ----- - ---- ---------------
------ - --- - ---- ---------------
----- ------------- - ----
-
-------- -
--
----
-
-
--
----- -------- - -- -- -
------ ----------------------
--- -------- ------ ---- -- -- -
-- --------- ------ -------------
-- ------- ------ ------- ------------------
------ -
----
----------------------- -- -
--- ------------------------------
---
-----
--
--
--------
--示例
这是一个展示 GraphQL 查询结果的组件
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ---------------
------ - --- - ---- ---------------
----- ------------- - ----
-
-------- -
--
----
-
-
--
----- -------- - -- -- -
------ ----------------------
--- -------- ------ ---- -- -- -
-- --------- ------ -------------
-- ------- ------ ------- ------------------
------ -
----
----------------------- -- -
--- ------------------------------
---
-----
--
--
--------
--
------ ------- ---------在 App.js 文件中导入并使用 UserList 组件
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- -------------
----- --- - -- -- -
-----
----------- ------------
--------- --
------
--
------ ------- ----结论
通过使用 react-apollo-temp-adambom 这个 npm 包，我们可以更轻松地在 React 应用程序中使用 GraphQL。本文向大家介绍了这个包的安装、配置和使用步骤，给出了一个使用 GraphQL 查询结果的实例，希望对你或你的团队有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd381e8991b448e662f