2016-04-15 10 views
0

以下のコードは、reduxアプリケーション設計でPOSTリクエストを提供するための正しいアプローチですか?Redux POSTアクションを提供する方法

コードは問題ありませんが、何らかの理由でアーキテクチャが再構築されているかどうかはわかりません。

export const SITES_RECEIVED = 'SITES_RECEIVED'; 

//@private 
function sitesReceived(sites) { 
    return { 
    type: SITES_RECEIVED, 
    sites: sites 
    }; 
} 

//@public 
export const sitesFetch =() => { 
    return dispatch => { 

    fetch('http://localhost:3000/') 
     .then(function(response) { 
     return response.text(); 
     }).then(function(body) { 
     return JSON.parse(body); 
     }).then(function(json) { 
     dispatch(sitesReceived(json)); 
     }) 
    }; 
} 

要件:Reduxの、

+0

これは可能な方法です。あなたのアプローチは大丈夫です。 – Florent

答えて

0

右をreduxが、サンク。問題ない。
このアプローチは、公式Reduxのドキュメントに記載されています。 http://redux.js.org/docs/advanced/AsyncActions.html#async-action-creators

+0

はい、公式の文書を絶対最小限のコードに縮小しようとしました。 AJAXコールが最も一般的な問題としてオンラインにはあまりない例があることに私は驚いています。 –

+1

Reduxは一般的なフルスタックフレームワークではなく、状態管理に重点を置いていますが、フレームワークにとって大きな問題ではありません。複雑なAJAXリクエストが含まれているアプリケーションを構築するアーキテクチャが必要な場合は、[ミドルウェア](http://redux.js.org/docs/advanced/Middleware.html)または[redux-saga](https: /github.com/yelouafi/redux-saga)。 – kuy

関連する問題