Функция useQuery всегда возвращает результат загрузки. Почему это происходит? - PullRequest
Новая
       104

Функция useQuery всегда возвращает результат загрузки. Почему это происходит?

0 голосов
/ 19 июня 2020

Итак, я создаю простое приложение Apollo, но, похоже, функция useQuery не получает данные, как ожидалось. Вот код: 

import React from 'react';
import ReactDOM from 'react-dom';
import { useQuery, gql, ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';

require('dotenv').config();

// our GraphQL query, stored as a variable
const GET_USERS = gql`
query{
    users{
      _id
      username
      email
    }
  }   
`;

function Home() {
    const { loading, data, error, fetchMore } = useQuery(GET_USERS)
    if (loading) return <p>Loading...</p>
    if (error) return <p>Error</p>
    return (
        <div>
            <h1>The data: {data}!</h1>
        </div>
    );
};

// configure our API URI & cache
const uri = process.env.API_URI;
const cache = new InMemoryCache();

// configure Apollo Client
const client = new ApolloClient({
    uri,
    cache,
    connectToDevTools: true
});

function App (){
    return (
    <ApolloProvider client={client}>
        <Home />
    </ApolloProvider>
)}

ReactDOM.render(<App />, document.getElementById('root'));

Это возвращает это.

Каждый раз, когда я запускаю код, он всегда возвращает страницу загрузки. Почему это происходит?

...