redux observableで反応するapolloを管理する

Question

reduxで私のフェッチを管理したいが、私は例を見つけることができない。誰かに答えがありましたか？アポロvanillaJSことで

これは私のクエリ結果を取得する方法である：

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

let query = gql`query { 
        viewer { 
         id 
         firstName 
         lastName 
         defaultTimeZoneId 
         defaultLanguage 
        } 
       }`; 
client.query({query}).then((results) => {}) 
//return a promise 

は今、私は答えを管理するために、観察Reduxの中でそれをプラグインする必要があります。

export const fetchActionGridDataEpic = action$ => 
    action$.ofType('FETCHING_ACTION_GRID_DATA') 
//Execute the query then if networkStatus === 7 send the result to FETCHING_ACTION_GRID_DATA_FULFILLED as a payload 
    .mapTo({ type: 'FETCHING_ACTION_GRID_DATA_FULFILLED' }).... 

おかげ

Answer 1

オペレータfromPromiseは次のように使用できます。

const fetchQuestionsEpic = action$ => 
    action$.ofType(FETCH_QUESTIONS) 
    .mergeMap(() => 
    Observable.fromPromise(fetchQuestions()) 
     .map(questions => ({ type: QUESTIONS_FETCHED, questions })), 
); 

このレポはいくつかの良いプラクティスに従いますgithub.com/voteetvous