11

所以,我有一个应用程序,它有多个减速器,因此有多个关联的动作创建者。

有时我的一个 reducer 会更新状态(因为编辑),因此,我必须确保其他 reducer 看到这个更新并相应地调整它们的状态。

把它想象成用户选择了“运动鞋”,这个状态管理在一个叫做 productsReducer 的 reducer 中。因此,当用户通过应用程序流程时,他们会获得与之关联的couponsReducer ......但用户可以随时“编辑”,所以如果他们随后编辑“运动鞋”并说,选择另一个制作人,我必须能够实时更改 couponsReducer,因为进度模式需要反映这一点。我可以通过流到优惠券页面来做到这一点,因为在那个页面上我只是协调 componentWillMount 上的数据......但问题是我有一个进度模式,在进入优惠券页面之前,用户可以打开进度模式...这里会出现不匹配...

长篇大论我知道,我只是想解释一下我的情况。

所以,我希望能够从 productsReducer 中调用“其他减速器”或它们的动作创建者。

中间件在这里是否合适,我在其中嗅探某个“action.type”,如果我看到它,我可以调度其他 action.type,或者有没有办法从 productsReducer 中调用动作创建者?

importing: import * as coupons from './couponsActions' 以及我需要的任何其他操作似乎都不合适。

4

2 回答 2

21

基于应用程序状态更新状态是一种反模式。解决方案更简单:

如果一个动作影响多个减速器,请在关心的减速器中订阅该动作。

所以当用户选择时sneakers,触发这些动作

{ type: 'item_select', payload: 'sneakers' }

然后在 中couponsReducer,有这样的东西:

function (state = initialState, action) {
  if (action.type == 'item_select') {
    return { ...state, activeProduct: action.payload);}
  }
  return state;
}

您不希望级联更新,其中状态取决于其他状态的变化。您需要一个简单的调度架构,其中一个操作会同时影响所有内容。

于 2016-03-07T20:15:04.997 回答
1

在许多情况下,在多个 reducer 中处理相同的操作就足够了(这是官方推荐的在 redux 中做事的方式)。因此,请始终先尝试该解决方案。

在更复杂的情况下,您可以使用一些库。例如使用redux-saga你可以像这样处理它:

function* watchItemSelect() {
    while(true) {
        // Wait for the action you are interested in
        const action = yield take('ITEM_SELECT');
        // Send another action
        yield put({type: 'OTHER_ACTION'}) 
        // The loop will now continue and wait until the next ITEM_SELECT action comes
    }
}

还有其他库做同样的事情,但略有不同。他们中的大多数受到榆树语言的启发:

这个 repo 也有一些关于上述库中的想法的信息:

redux 架构

于 2016-03-07T21:30:52.660 回答