Popular posts

James Peters, It depends on where and when do you want to fetch the product list. But you can actually do the same in both components of losing and checkout using the react-appolo library as you are calling it directly from GraphQL.

These steps may be helpful,

• First define the GraphQL query. Here is an example of fetching tags,

const ALL_TAGS = gql`
  query {
    allTags {
      data {
        _id
        name
        description
      }
    }
  }
`

• Then use the useQuery hook from the apollo react lib.

const { loading: tagLoading, data: tagData } = useQuery(ALL_TAGS)

• Now you can use the tagData and that has the fetched data.

Note, the lib has the hooks for both fetching and mutating data,

import { useQuery, useMutation } from "@apollo/react-hooks"