javascript - Redux:依次执行两个 Action

Question

我遇到了以下问题:

• 我在 React 组件中有一个按钮，单击时会分派(dispatch) actionA
• actionA 调用reducerFoo，然后它会更改其状态
• ...这种状态变化应该直接导致...
• 调度actionB，它使用reducerFoo的部分状态作为其负载
• actionB 调用reducerBar 来更改其状态

所以reducerBar依赖于reducerFoo的状态变化。

解决这个问题的干净解决方案是什么？

Answer 1

使用 redux-thunk 看起来像这样；

export function saveSnipEdit(item) {
  return (dispatch, getState) => {
    dispatch({type: 'SaveSnipEdit', item});
    dispatch({type: 'ApiSetSnipData', data: {data: getState().snipData.allSnips}});
  };
}