传播不可迭代实例的无效尝试，React

Question

我正在将示例购物车项目从useState重构为useReducer。

在ADD_TO_CART的{​​{1}}情况下，我尝试将cartReducer添加到item object数组中，但是我收到cart我在做什么错误？谢谢。

https://codesandbox.io/s/inspiring-cdn-3musx?file=/src/App.js

Answer 1

您应该返回整个状态，而不是单个状态。

const cartReducer = (state, action) => {
  switch (action.type) {
    case "ADD_TO_CART":
      return { cart: [...state.cart, action.item] };
    default:
      throw new Error();
  }
};