“cliente apollo com componente funcional” Respostas de código

cliente apollo com componente funcional

import { ApolloProvider } from '@apollo/client';
Xanthous Xenomorph

cliente apollo com componente funcional

import { gql, useQuery } from '@apollo/client';

const GET_GREETING = gql`
  query GetGreeting($language: String!) {
    greeting(language: $language) {
      message
    }
  }
`;

function Hello() {
  const { loading, error, data } = useQuery(GET_GREETING, {
    variables: { language: 'english' },
  });
  if (loading) return <p>Loading ...</p>;
  return <h1>Hello {data.greeting.message}!</h1>;
}
Xanthous Xenomorph

cliente apollo com componente funcional

const client = new ApolloClient({
  cache: new InMemoryCache(),
  uri: "http://localhost:4000/graphql"
});

ReactDOM.render(
  <ApolloProvider client={client}>
    <MyRootComponent />
  </ApolloProvider>,
  document.getElementById('root'),
);
Xanthous Xenomorph

Respostas semelhantes a “cliente apollo com componente funcional”

Perguntas semelhantes a “cliente apollo com componente funcional”

Mais respostas relacionadas para “cliente apollo com componente funcional” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código