Мне нужно установить мой клиентский кеш Apollo по умолчанию - PullRequest
Новая
       74

Мне нужно установить мой клиентский кеш Apollo по умолчанию

0 голосов
/ 20 сентября 2018

У меня есть приложение React, которое использует Apollo Client.Я использую apollo-link-state и apollo-cache-persist и мне нужно сбросить мой магазин до значений по умолчанию, когда в моем приложении вызывается client.resetStore().

В документах говорится, что при создании клиента вам следует вызвать client.onResetStore(stateLink.writeDefaults) и это сделает свою работу, но writeDefaults выставлено Apollo Link State, к которому у меня нет прямого доступа, так как я использую Apollo Boost.

Вот мой код клиента Apollo: 

import ApolloClient from 'apollo-boost';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { persistCache } from 'apollo-cache-persist';
import { defaults, resolvers } from "./store";

const cache = new InMemoryCache();

persistCache({
  storage: window.localStorage,
  debug: process.env.NODE_ENV !== 'production',
  cache
});

const client = new ApolloClient({
  uri: process.env.NODE_ENV === 'production' ? 'https://five-yards-api.herokuapp.com/graphql' : 'http://localhost:7777/graphql',
  credentials: 'include',
  clientState: {
    defaults,
    resolvers
  },
  cache
});

// TODO: Doesn't work as expected
client.onResetStore(client.writeDefaults);

export default client;

Ответы [ 2 ]

0 голосов
/ 06 августа 2019

Я использую Apollo Client 2.x, и Apollo Boost может быть таким же.У меня была та же проблема с Apollo Client 2.x, и ниже было решение для меня.В корневом файле, где вы настраиваете свой Apollo (например, App.js): 

cache.writeData({data : defaultData });  # I assume you already have this to initialise your default data.

# Then, you just add below underneath.
client.onResetStore(() => {
  cache.writeData({data : defaultData });
});

const App = () => (...
0 голосов
/ 23 сентября 2018

AFAIK единственный путь к этому - перейти с Apollo Boost, который настраивает для вас множество вещей, и вручную настроить клиент Apollo.После миграции я смог вызвать onResetStore() в соответствии с документами, и все работает:)

Миграция Apollo Boost: https://www.apollographql.com/docs/react/advanced/boost-migration.html

...