[GraphQL] Query Local and Remote Data in Apollo Link State

In this lesson, you will learn how to query local and remote data in Apollo Link State in the same component.

We'll set the @client decorator on the local client State variable and set an empty Query object to get this done.

Query cache data:

TO query caches data, only need to add '@client':

const getCountQuery = gql`
  {
    count @client
    pokemon(name: "Pikachu") {
      image
    }
  }
`;

Set up default data for the client:

const client = new ApolloClient({
  uri: "https://graphql-pokemon.now.sh",
  clientState: {
    defaults: {
      count: 0
    },
    resolvers: {
      Query: {}
    }
  }
});

Read More: https://www.apollographql.com/docs/react/essentials/local-state.html

扫描二维码关注公众号，回复： 3085070 查看本文章