0

necesito ayuda para hacer una query GraphQL con apollo-client pero no desde un componente react, es desde un archivo Javscript normal, cuando hacía la llamada desde un componente usaba:

useLazyQuery(QUERYDOCUMENT)

Pero lo que quiero hacer me da error, ya que useQuery y useLazyQuery requieren que sean llamados dentro de un componente react.

Como podria hacer la query?

1 respuesta 1

0

Para usarlo hay que crear una instancia del cliente Apollo, de esta manera:

    import {
      ApolloClient,
      InMemoryCache,
      NormalizedCacheObject,
      gql,
    } from '@apollo/client'
    
    export const myApolloClient: ApolloClient<NormalizedCacheObject> = new ApolloClient(
      {
        cache: new InMemoryCache(),
        ssrMode: true,
        uri: 'graphql-api-url',
      }
    )

crear la query/mutation con "gql", ejemplo:

const GETDOCUMENT = gql`
  query getDocuments($where: String, $fields: [String]) {
    documents(where: $where, fields: $fields) {
      id
      fields {
        key
        value
      }
    }
  }
`

y finalmente usar el cliente para hacer la llamada, en el caso de abajo, una query:

     const getData= async (variable: string) => {
      const result = await primeUserClient.query({
        variables: {
          where: `conditions`,
          fields: ['field_1', 'field-2'],
        },
        query: GETDOCUMENT,
      })
      return result
   }

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.