graphql - Apollo 2.1 中的多重查询/变更

Question

我需要一些使用 Apollo 2.1 中新的查询和突变组件的帮助，尤其是多个查询和突变。

我有以下问题:

1. 我有一个 graphql 请求，该请求依赖于之前的 graphql 结果，我该如何处理这个问题？
2. 如何在已有查询的组件中添加两个不同的突变(在我的组件中，我需要执行两个不同的操作)？

Answer 1

编辑2019/08/24来自 Apollo 号docs :

The new hooks API for Apollo Client is a simpler way to fetch data in your React app without the boilerplate of render prop components and higher-order components (HOC). We recommend using hooks for all new Apollo code going forward.

原始答案:你应该把它们嵌套起来。请参阅此示例:

const NumbersWithData = () => (
  <Query query={QueryOne}>
    {({ loading: loadingOne, data: { one } }) => (
      <Query query={QueryTwo}>
        {({ loading: loadingTwo, data: { two }}) => {
          if (loadingOne || loadingTwo) return <span>loading...</span>
          return <h3>{one} is less than {two}</h3>
        }}
      </Query>
    )}
  </Query>
);

为了帮助保持嵌套的可管理性，您可以检查 react-adopt 。他们有一个 Apollo ToDo 应用程序示例，其中组合了一个查询和多个突变。