graphql - Apollo GraphQL : Multiple Queries in One Component?

Question

我有一个组件需要查询两个完全独立的表。在这种情况下，架构、查询和解析器需要是什么样的？我用谷歌搜索但还没有找到例子。在此先感谢您的任何信息。

更新:
在 Slack 上，我看到可能有一种方法可以使用 compose为此，例如:

export default compose(
  graphql(query1, 
  ....),
  graphql(query2, 
  ....),
  graphql(query3, 
  ....),
  withApollo
)(PrintListEditPage)

有没有办法有多个这样的声明:

const withMutations = graphql(updateName, {
  props({ mutate }) {
    return {
      updatePrintListName({ printListId, name }) {
        return mutate({
          variables: { printListId, name },
        });
      },
    };
  },
});

...在调用 export default compose 之前出现?

Answer 1

graphql函数接受一个可选的第二个参数，它允许您为传递的属性名称起别名。如果您有多个突变，您可以使用 name要重命名的属性 mutate如所须:

import { graphql, compose } from 'react-apollo'

export default compose(
  graphql(mutation1, { name: 'createSomething' }),
  graphql(mutation2, { name: 'deleteSomething' }),
)(Component)

更多详情见 the complete API .