Reduxの複数のアクション

Question

は、私は、データベースの変更にアクションを放出している2人のFirebaseリスナーを、持っています。それは上記の両方のリスナーによって検出される変更を行います。 この「他のアクション」は放出されると、私はエラーを取得しています：

Reducers may not dispatch actions. 

なぜこの出来事はありますか？

アプリケーションは、pepperoni-app-kit redux-thunkの上に構築されます。

リスナーにタイムアウトを追加する場合は、dispatchとなりますが、問題なく動作しますが、これは解決策ではありません。

case constants.UPDATE_PROFILE: 
    return state.set('profile', fromJS(action.payload)) 
    break; 

case constants.SUBMIT_EVENT: { 
    const profile = state.get('profile').toJS(); 
    const eventId = action.payload; 
    fb.db.ref(`activeEvents/${profile.uid}/${eventId}`).set(true); 
    fb.db.ref(`profiles/${profile.uid}/totalEvents`).set(Number(profile.totalEvents) +1 || 1); 
    return state 
    break; 
} 

case constants.ACTIVE_EVENT: { 
    if (typeof action.payload === 'string') { 
    return state.deleteIn(['activeEvents', action.payload]) 
    } else { 
    return state.setIn(['activeEvents', action.payload.id], action.payload) 
    } 
} 

アクション：

SUBMIT_EVENT // the one, which triggers changes in db 
UPDATE_PROFILE 
ACTIVE_EVENT 

Answer 1

ソースhttps://github.com/reactjs/redux/blob/55f1d08000b1b064eaa933bbbd132230e53bcccb/src/createStore.js#L165を見てみると、アクションを消費しながら、あなたが（fb.db.ref経由）を変更するので、あなたがこのエラーを持っていることと思われます。これは、おそらくあなたのfirebaseリスナーを起動し、新しいアクションをディスパッチさせます。

setTimeoutを使用する理由は、次のイベントループでもっとも早く起動するためです。これは、reduxに関しては、あるアクションの処理が完了しており、別のアクションを実行しても問題ないことを意味します。

constants.SUBMIT_EVENTイベントに反応し、fb.db.ref...で動作する独自のミドルウェア（http://redux.js.org/docs/advanced/Middleware.html#seven-examplesを参照）を作成している可能性があります。それは、減速機からアクションをディスパッチすることは禁じられていますが、ミドルウェアのコンテキストから行うのは大丈夫だから機能します。

ただ、円形の更新のために気を付ける - あなたはFirebaseでターン更新項目にあなたがトラブルになると思います「にonUpdate」アクションを起動しますFirebase内の項目を更新しておこう場合。