還元反応を伴うアポロ

Question

私のGraphQLサーバからのデータを私の反応するネイティブアプリケーションにフェッチするためにreact-apolloが組み込まれています。私は、還元店を持続させ、再水和するために還元便器を使用します。

しかし、私はアポロ状態を再水和する方法を知らない。

誰でも知っているのですか？

おかげ

Answer 1

あなたはredux-persistのautoRehydrate機能を使用することができます。それは非同期的にタイプREHYDRATEのアクションを実行します。アクションをブラックリストに登録しない限り、すべてのストアを再水分します。

以前に実行されたクエリを実行しようとすると、ApolloはReduxストアを最初にチェックし、APOLLO_QUERY_RESULT_CLIENTアクションが実行されていることを確認します。つまり、サーバーにクエリする代わりにクライアントストアから戻ってきます。あなたは（など、最初に、唯一のネットワークキャッシュ）、クエリがデータを取得する方法を指定するには

をfetchPolicyを変更することができますここで基本的な設定です：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> 
    ); 
    } 
}