“Klient Apollo z komponentem funkcjonalnym” Kod odpowiedzi

Klient Apollo z komponentem funkcjonalnym

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

Klient Apollo z komponentem funkcjonalnym

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

Klient Apollo z komponentem funkcjonalnym

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

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

Odpowiedzi podobne do “Klient Apollo z komponentem funkcjonalnym”

Pytania podobne do “Klient Apollo z komponentem funkcjonalnym”

Więcej pokrewnych odpowiedzi na “Klient Apollo z komponentem funkcjonalnym” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu