React Redux：如何将属性添加到减速器中的空对象

Question

const INITIAL_STATE = {
  editedProduct: {},
};

reducer.js

   case ADD_SWATCH:
      const typeSwatch = action.payload;
      return merge(state, {
        editedProduct: {
          ...state.editedProduct,
          [typeSwatch]: [
            ...state.editedProduct[typeSwatch],
            {
              dimSwtNo: state.editedProduct[typeSwatch].length
                ? state.editedProduct[typeSwatch].length + 1
                : 1,
            },
          ],
        },
      });

我收到一个错误： 可能的未处理承诺拒绝（id：0）： TypeError: 传播不可迭代实例的尝试无效

问题出在这一行

...state.editedProduct[typeSwatch],

指的是尚未初始化的属性。

我该如何解决这个问题？

Answer 1

正如错误提示的那样，您不能传播 null / undefined 值。这里最简单的方法是在尚未设置属性的情况下使用默认值，例如

...(state.editedProduct[typeSwatch] || [])

由于您在几个地方使用了这个值，所以在更远的地方创建一个变量是有意义的。