2

私はこのようなデータを取得するこの残りのアプリを持っています.redux用のthunk + promiseミドルウェアがあります:

export const fetchVenues = () => ({
    type: 'FETCH_VENUES',
    payload: axios.get('http://localhost:3000/mock/venues'),
});

これからのデータはストアに入り、コンポーネントはそこからフェッチされたデータを使用します。

「ペイロード」の残りのリクエストをgraphqlクエリなどと交換できますか?

私を混乱させているのは、Redux が「データはストアに存在し、アクションによってのみ変更できる」と言っていることですが、Apollo はデータをコンポーネントに直接バインドします。私はすでに GraphQL API を作成しており、graphiql devtool でうまく機能しますが、この記事を読んだ後、クライアントでの処理方法に少し混乱しています。

4

1 に答える 1

3

私の理解では、内部的に apollo は redux を使用しています。基本的には、クエリをコンポーネントと併置し、関連するデータ + 関数を props として注入 (接続) します。また、リクエストの完了時にキャッシュ/ストアを更新することにより、ストアを管理します。

ApolloProvider がステロイドの redux プロバイダーであることがわかります: https://github.com/apollostack/react-apollo/blob/01425b3df5f05e7f389b36f3385433c89a39977b/src/ApolloProvider.tsx

これがあなたの理解に少し役立つことを願っています。

于 2016-11-23T14:43:14.527 に答える