Yeniden yerleştirme özelliğine sahip Apollo

Question

Grafik SQL sunucumdan verileri, benim yerel uygulamasına aktarmak için react-apollo'u entegre ettim. Ben redux deposunu ısrar etmek ve rehidrate etmek için redux-perist kullanın.

Ama apollo durumumu nasıl yeniden sulandıracağımı bilmiyorum.

Bunu nasıl yapabileceğimi bilen var mı?

Teşekkür

Answer 1

Sen redux-persist ait autoRehydrate özelliğini kullanabilirsiniz. Kara listeye alınmadıkça tüm depoları rehidrate edecek olan REHYDRATE türünde bir eylemi eşzamanlı olarak çalıştıracaktır.

Daha önce yürütülen bir sorguyu çalıştırmayı denerseniz, Apollo önce Redux mağazanızı kontrol edecek ve bir APOLLO_QUERY_RESULT_CLIENT eylem yürütmesini görmeniz gerekir (bu, sunucuyu sorgulamak yerine istemci deposundan döndüğü anlamına gelir). Sorgu (vb, önce sadece önbellek ağ) verilerini alır nasıl

Burada temel bir düzmece belirtmek için fetchPolicy değiştirebilirsiniz: srtucker22 @

import React, { Component } from 'react'; 
import { ApolloProvider } from 'react-apollo'; 
import { createStore, combineReducers, applyMiddleware, compose } from 'redux'; 
import ApolloClient, { createNetworkInterface } from 'apollo-client'; 
import { persistStore, autoRehydrate } from 'redux-persist'; 
import { AsyncStorage } from 'react-native'; 

const networkInterface = createNetworkInterface({ uri: 'http://localhost:8080/graphql' }); 

export const client = new ApolloClient({ 
    networkInterface: networkInterface, 
}); 

const store = createStore(
    combineReducers({ 
    apollo: client.reducer(), 
    }), 
    {}, // initial state 
    compose(
    applyMiddleware(client.middleware()), 
    autoRehydrate(), 
), 
); 

// persistent storage 
persistStore(store, { 
    storage: AsyncStorage, // or whatever storage you want 
}); 

export default class App extends Component { 
    render() { 
    return (
     <ApolloProvider store={store} client={client}> 
     <YourApp /> 
     </ApolloProvider> 
    ); 
    } 
}