javascript - react Redux : How to add a property to an empty object in the reducer

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,
            },
          ],
        },
      });

我收到一个错误:可能的未处理的 Promise 拒绝(id:0):类型错误:传播不可迭代实例的尝试无效

问题出在这一行

...state.editedProduct[typeSwatch],

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

我该如何解决这个问题？

Answer 1

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

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

由于您在几个地方使用此值，因此进一步创建一个变量是有意义的。