他のレデューサーでアクションをディスパッチするReactJS/Reduxコール

Question

他のレデューサーでアクションをディスパッチする方法。 たとえば、私はスイッチケースADD_LOGとREMOVE_LOGで減速器LogsReducerを作成します。コード：

const addLog = (text) => ({type: 'ADD_LOG', text}); 
const removeLog = (id) => ({type: 'REMOVE_LOG', id}); 

const logsReducer = (state = {}, action) => { 
    switch (action.type) { 
    case 'ADD_LOG': 
     // todo 
    case 'REMOVE_LOG': 
     // todo 
    default: 
     return state; 
    } 
}; 

と私はcombineReducersにlogsReducerを追加します。 アクションをディスパッチするには、mapDispatchToPropsの中でこれを呼び出します。

dispatch(addLog('sample log')); 
dispatch(removeLog(2); 

ここで質問します。ログ減速装置の外部からのメッセージのディスパッチを許可する方法。例えば、他の減速機でのフェッチ応答から。 contactReducer？

Answer 1

ログレデューサーの外部からのメッセージのディスパッチを許可する方法。例えば、他の減速機でのフェッチ応答から。 contactReducer？

通常、非同期API呼び出しの存在や行動ディスパッチキューは、そのプレゼンテーション/ドメインロジックはある意味プロセスで構成されて、そのプロセス・マネージャはそのタスクを解決するために必要とされます。

一般的な解決策は、ミドルウェアとライブプロセスマネージャを組み合わせたredux-sagaです。 sagaを使用すると、コンポーネントは論理的に起こったアクションについて通知し、その後、サガはAPI呼び出しを実行し、新しいアクションを生成し、さらにOptimistic updatesを実行します。

（その https://github.com/reimagined/resolveようないくつかのツールを使用する場合）あなたにも同型のバックエンドのコードを取得するフロントエンドのコードを書くことによって：あなたのWebアプリケーションが自動的にフルスタックのイベントソースのアプリケーションとなって redux+sagaアプローチでも

、

sagaを使用したプラクティスを参照Infinite loop with redux-sagaとhow to setstate after saga async request