Reduxレデューサーオン状態の変更

Question

特定のレデューサーの現在の状態を、すべてのアクションで明示的に呼び出さずにセッションストレージに保存したいとします。

const { handleActions } = require("redux-actions"); 

// How do i make this logic run on any state change without adding it to every action? 
const onStateChange = (state) => sessionStorage.save(keys.myReducer, state); 

const myReducer = handleActions 
({ 
    [Actions.action1]: (state, action) => (
     update(state, { 
      prop1: {$set: action.payload}, 
     }) 
    ), 
    [Actions.action2]: (state, action) => (
     update(state, { 
      prop2: {$set: action.payload}, 
     }) 
    ) 
}, 
//****************INITIAL STATE*********************** 
{ 
    prop1: [], 
    prop2: [] 
} 
); 

特定のレデューサーの状態変更イベントをキャッチする方法はありますか？

私は

おかげで

Answer 1

残念ながら、あなたの店ので、お店の特定の部分を見ることができない特定の減速の変化に聞いて話して、私はstore.subscribeの知っているが、それは全体の店舗のためです実際は唯一の減速機です（combineReducersは単一の大きな減速機を返します）。それは、状態部品の比較を行うことによって減速機が変更されたかどうかを手動で確認できると述べています。それらが発射されるときは、特定のアクションをリッスンし、店を存続（およびその他のlogiceを行う）ためにredux-sagaを使用することができます

let previousMyReducer = store.getState().myReducer; 
store.subscribe(() => { 
    const { myReducer } = store.getState(); 
    if (previousMyReducer !== myReducer) { 
    // store myReducer to sessionStorage here 
    previousMyReducer = myReducer; 
    } 
}) 

Answer 2

。これはあなたのニーズに適しているようです。

特定のストアの変更に拘束されるのではなく、一連のアクションに関連付けられています。しかし、私はこのモデル（状態の変化とは対照的に、行動を聞いている）は、レデックスデザインにとってより適していると思います。

すてきなことは、サガ以外のコードを変更する必要がないことです。私はフォームデータのオートセーブにこれを使用しました。

ここでは、いくつかのレピュックス形式のアクションでサガを維持するように設定する例を示します。これは永続することに限定されないことに注意してください。あなたはサガの中で何でもしたいことができます。

yield takeLatest(
    '*', 
    saveFormValues, 
    apiClient); 

の詳細：あなたはすべてのアクションタイプを聴いたり、アクションがあなたの永続コードを発射そのうちカスタムフィルタリングを行いたい場合は

function* autosaveSaga(apiClient) { 
    yield throttle(500, 
    reduxFormActionTypes.CHANGE, 
    saveFormValues, 
    apiClient); 

    yield takeLatest(
    reduxFormActionTypes.ARRAY_PUSH, 
    saveFormValues, 
    apiClient); 

    yield takeLatest(
    reduxFormActionTypes.ARRAY_POP, 
    saveFormValues, 
    apiClient); 
} 

、あなたはtakeLatestに、パターン、またはマッチング関数を渡すことができますtake、takeLatestなどに渡すことができるものはin the docs for takeです。