Reduxミドルウェアロジック

Question

私はreduxミドルウェアとそれがReduxストア内でどのように設定されるかを理解するのに苦労しています。例えば、私は、以下の実施例

const store = compose(
    resetRedux('LOGOUT_USER'), 
    applyMiddleware(...middlewares), 
)(createStore)(rootReducer, initialState); 

resetReduxを有するストリングLOGOUT_USERが送出されたときに、基本的に全体Reduxのストアをリセットするミドルウェアです。しかし、これは素晴らしいですが、resetReduxミドルウェア内にconsole.logを置くと、それは一度しか呼び出されません。私はアクションを毎回チェックする必要があると考えて、奇妙です。格納。

export default function resetMiddleware(types = ['RESET']) { 
    return (next) => (reducer, initialState) => { 
    const resetTypes = Array.isArray(types) ? types : [types]; 
    console.log('THIS IS ONLY CALLED ONCE??!') 
    const enhanceReducer = (state, action) => { 
     if (~resetTypes.indexOf(action.type)) { 
     state = undefined; 
     } 
     return reducer(state, action); 
    }; 
    return next(enhanceReducer, initialState); 
    } 
}; 

だから、私はconsole.logは一度だけ呼び出されたときに、これが働いているか興味があります。

Answer 1

「ミドルウェア」と「ストアエンハンサー」を混乱させて混乱させています。あなたが書いたresetRedux作品は、実際には「ストアエンハンサー」であり、ミドルウェアではありません。

実際のミドルウェアは、発送されるすべてのアクションに対して本体が実行されます。ストアエンハンサー自体は、ストア作成時に1回評価/実行されます。 レデューサーは、実際のレデューサーがcreateStoreに提供されているものをラップする関数を作成しているため、すべてのアクションに対して実行されます。

私のReact/ReduxリンクリストのRedux Tutorials#Implementation Walkthroughsセクションには、ミドルウェアがどのようにReduxで動作するかを説明する記事がいくつかあります。

Answer 2

これは何ですか？composeは、渡された関数を受け取り、それらを "作成"する新しい関数を作成します。

引数

（引数）：構成する機能。各機能は、 が単一のパラメータを受け入れることが期待されます。その戻り値は、左にある関数への引数として として提供されます。 例外は、 合成関数のシグネチャを提供するため、複数の パラメータを受け入れることができる最も右側の引数です。右から左に所定の 関数を合成した最終的な機能：

戻り値（関数）を返します。

あなたは、例えば、ソースコードhere

その関数型プログラミングにおける一般的な有用性を確認することができますlodash'sもprovide it、underscore as well