reactjs - React Redux 组合 reducer

Question

在 Redux 中，如果我使用如下数据结构:

{ 
    products: [ 
                {id:1, name:'tv', description:'A color Sony TV', cost:1000}, 
                {id:2, name:'remote control', description:'A black compact Remote Control', cost: 999}
    ],
    shoppingCart: [],
    checkoutCart: []
}

我使用 Redux combineReducers

combineReducers({products, shoppingCart, checkoutCart})

如果我想在点击事件上将购物车数据复制到checkoutCart中，我会在哪里这样做/或者应该这样做？

Answer 1

当您使用combineReducers时，您假设 reducer 是独立的，并且它们无法看到彼此的状态。每个 reducer 只会收到状态的“切片”。

为了实现你想要的，我会考虑将 shoppingCart 和 checkoutCart reducer /状态合并为一个，并使用 switch (action.type ) 知道该做什么。

现在您可以简单地在新的 reducer 上创建一个操作，返回类似的内容

{ checkoutCart: clone(state.shoppingCart) }