javascript - 扩展运算符 ES6 更改数组中对象中的一个字段

Question

case SET_WINE_ITEMS:
  const { index, name, value } = action.payload
  const items = state.items
  items[index][name] = value
  return { ...state, items }

有没有一种简洁的方法来使用扩展运算符来实现上面的代码？

Answer 1

谢谢您的意见。我的对象数组的结构如下，其中 items 数组中可以有很多对象。

items: [{
  name: '',
  code: '',
  quantity: '',
  netBottlePrice: '',
  netCasePrice: '',
  caseSize: '',
  volume: '',
  volumeUnit: '',
  amount: ''
}]

我找到了一种方法来完成更新 redux 状态而不使用扩展运算符对其进行变异：

case SET_WINE_ITEMS:
  const { index, name, value } = action.payload
  const item = { ...state.items[index], [name]: value }
  const items = [...state.items.slice(0, index), item, ...state.items.slice(index +1) ]
  return { ...state, items }