8、使用 Apollo Client 构建 GraphQL 应用

使用 Apollo Client 构建 GraphQL 应用

1. 发送第一个 GraphQL 查询

要使用 Apollo Client 向 GitHub 的 GraphQL API 发送第一个查询，可按以下步骤操作：
1. 从 Apollo Boost 导入必要的工具来定义查询：

// src/index.js
import 'cross-fetch/polyfill';
import ApolloClient, { gql } from 'apollo-boost';

2. 使用 JavaScript 模板字面量定义查询：

// src/index.js
const GET_ORGANIZATION = gql`
{
  organization(login: "the-road-to-learn-react") {
    name
    url
  }
}
`;

3. 使用 Apollo Client 命令式地将查询发送到 GitHub 的 GraphQL API：

// src/index.js
client
  .query({
    query: GET_ORGANIZATION,
  })
  .then(console.log);