Конвертировать объект для использования оператора распространения?

Question

У меня есть регистр редукторных редукторов, и я использовал object.assign, чтобы взять копию моего состояния, и я хочу преобразовать его в новый оператор расширения синтаксиса "... state", как я могу это сделать,

Без мутаций!

case INCREASE_QUANTITY: {
      return Object.assign({}, state, {
        cart: state.cart.map(item => {
          if (item.product.id === action.productInfo.product.id) {
            return Object.assign({}, item, {
              quantity: action.quantity + 1,
            });
          }
          return item;
        }),
      });
    }

Answer 1

Вы открываете литерал объекта, начинаете с ...state, чтобы распространить его на новый объект, и следует за ним со свойством cart (и то же понятие для внутреннего):

case INCREASE_QUANTITY: {
  return {
    ...state,
    cart: state.cart.map(item => {
      if (item.product.id === action.productInfo.product.id) {
        return {
          ...item,
          quantity: action.quantity + 1,
        };
      }
      return item;
    }),
  };
}

Делая это в таком порядке, вы гарантируете, что cart (или quantity для внутреннего) переопределит свойство из спреда. Более поздние свойства в объектных литералах "побеждают" над более ранними.

Answer 2

Object.assign({}, item, { quantity: action.quantity + 1 });
становится
{ ...item, quantity: action.quantity + 1 }

case INCREASE_QUANTITY : {
    return {
        ...state,
        cart : state.cart.map(item => {
            if (item.product.id === action.productInfo.product.id) {
                return {
                    ...item,
                    quantity: action.quantity + 1
                }
            }
            return item;
        })
    };
}