Apollo GraphQL: Multiple Queries in One Component?

Question

I have a component that needs to query two entirely separate tables. What do the schema, query and resolver need to look like in this case? I've googled but haven't found examples yet. Thanks in advance for any info.

UPDATE: On Slack I see there may be a way to use compose for this purpose, e.g.:

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

Is there a way to have multiple declarations like this:

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

...that come before the call to export default compose?

sheats · Accepted Answer · 2018-05-29 20:25:56Z

19

The graphql function takes an optional second argument that allows you to alias the passed down property name. If you have multiple mutations you can use the name property to rename mutate as needed:

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

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

For more details see the complete API.

edited May 29, 2018 at 20:25

sheats

34.9k15 gold badges49 silver badges44 bronze badges

answered Oct 30, 2016 at 12:29

Daniel R.

4684 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adrian Bartholomew Over a year ago

This is outdated. react-apollo no longer exports compose.

Collectives™ on Stack Overflow

Apollo GraphQL: Multiple Queries in One Component?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related