還元アクションによるREQUEST/STARTアクションの表現方法は？

Question

reactxコードを簡略化するためにredux-actionsを使いたいのですが、私は質問があります：

私は「リモート」からいくつかのトピックをフェッチする "ロード"アクションがあると言います。そのコードは次のようになります。

const load = createActions('LOAD'); 

export function fetch() { 
    return (dispatch, getState) => { 
    dispatch(fetchTopicsRequest()); // <- here is my question. 
    return network 
     .request('/topics?' + qs.stringify(getState().topics.filter.options)) 
     .then(network.handleResponse) 
     .then(result => dispatch(load(result)))  // <- here I got the topics in the payload 
     .catch(error => dispatch(load(error)));  // <- here I got the errors in the payload, in the reducer I check on the "error" field to see if the request successed. 
    }; 
} 

私はそれが結果やエラーワンアクションで派遣されてを持って良いことだと思います。しかし、同じアクションでステータスを「要求する」ことはどうですか？上記のコードのように、私はそれを理解しなかったので、別のアクション "fetchTopicsRequest（）"を作らなければなりません。これはコード全体が変わっているように見えます。

私は初期の不調から「ステータス」フィールドがあることに気付きました。そのような場合には便利かもしれません。それはどこに行きましたか？または私はちょうど良いアイデアを逃した？

おかげ

Answer 1

まず、私はあなたがアクションとして呼んでいるもののご理解を修正したいと思います。あなたのケースでは、関数fetch()は、アクションのディスパッチが可能なアクションクリエータです。load(result)とload(error)は、ディスパッチされる実際のアクションです。

ここで、あなたはあなたのfetchTopicsRequest()アクションのより良い実装を探していますので、私は、従来の方法でアクションを書くことをお勧めします。

dispatch({type: 'FETCHING_TOPICS'}); 

今、あなたはあなたの減速で、このアクションをキャプチャして、あなたのtopicsは何をフェッチしている間に行うことができます。このようなものになるだろう、あなたの場合。

UPDATE：

アクションと減速機の構成を使用することができますpendingケースを扱うために。 FETCHING_TOPICSアクションがあなたの減速で、その後送出されたら、あなたはtrueとしてpendingをマークすることができますし、responseが受信されると、あなたは、このようにfalseにpendingを変更することができます。

function reducer(state={pending: null}, action) { 
    switch(action.type) { 
    case 'FETCHING_TOPICS': 
     return {...state, pending: true}; 
     break; 
    case 'FETCHED_TOPICS': 
     return {...state, pending: false, //payload if any}; 
     break; 
    case 'FETCHING_ERR': 
     return {...state, pending: false, //payload if any}; 
     break; 
    } 
}