#graphql #react-apollo #apollo-client #apollo-boost
#graphql #реагировать-apollo #apollo-клиент #apollo-boost
Вопрос:
Я реализую using @apollo/client
, но я не вижу ни одного полного примера @apollo/client
with react
. Если я выполняю поиск, я получаю пример с apollo-client
и apollo boost
.
В чем разница между всеми 3.Я понимаю @apollo/client
, что это новая версия all. Где я могу получить полный пример @apollo/client
с react
приложением?
import { ApolloClient, InMemoryCache, ApolloLink, createHttpLink, defaultDataIdFromObject } from '@apollo/client';
import { ApolloClient, InMemoryCache, ApolloLink } from 'apollo-boost';
Ответ №1:
Просто чтобы добавить к уже опубликованному ответу для тех, кто интересуется, следует ли им по-прежнему использовать Boost.
Из документов:
Проект Apollo Boost в настоящее время закрыт, поскольку Apollo Client 3.0 обеспечивает аналогичную простую настройку. Мы рекомендуем удалить все зависимости apollo-boost и при необходимости изменить ваш конструктор ApolloClient.
Ответ №2:
- apollo-boost
Apollo Boost включает в себя некоторые пакеты, которые, по нашему мнению, необходимы для разработки с Apollo Client. Вот что в коробке:
apollo-client
: Где происходит все волшебствоapollo-cache-inmemory
: Наш рекомендуемый кэшapollo-link-http
: Ссылка Apollo для удаленной выборки данныхapollo-link-error
: Ссылка на Apollo для обработки ошибокgraphql-tag
: Экспортирует функцию gql для ваших запросов и мутаций
Потрясающая особенность Apollo Boost в том, что вам не нужно ничего настраивать самостоятельно! Просто укажите несколько параметров, если вы хотите использовать эти функции, и мы позаботимся об остальном. Для получения полного списка доступных опций, пожалуйста, обратитесь к документации параметров конфигурации Apollo Boost .
посмотрите, что есть в Apollo Boost
- apollo-клиент
Старая версия (ниже 3.x) apollo client
- @apollo /client
Последняя версия (3.x ) apollo client опубликована как пакеты с ограниченной областью действия
Проверьте официальный пример начала работы
Комментарии:
1. я получаю эту ошибку. Реагирующий хук «useQuery» вызывается в функции «getData», которая не является ни компонентом функции React, ни пользовательской функцией React-хуков react-hooks / rules-of-hooks. Я использую тот же файл package.json из примера ссылки. Я запустил ссылку exmaple, которую вы дали, она работает нормально. Я создал приложение с помощью yarn create-reactapp. это что-то вызывает эту проблему?