尝试更新 object 内部的 object 中的数组。 反应，使用状态

Question

我有一个看起来像这样的 onChange 方法：

const onChangeEnableWhenValueCalculation = i => (event) =>{
      setItem({
        ...newItem,
        enableWhen: [
          {
           linkId: newItem.enableWhen[i]?.linkId,
           operator: newItem.enableWhen[i]?.operator,
           valueCalculation: event.target.value,
          }
        ],
      });
  }

我想用 event.target.value 更改 valueCalculation 但在 enableWhen 内的指定索引处。

如何在 object、内部和数组、另一个 object 内部的特定索引处设置此键的值？ 任何帮助表示赞赏。

Answer 1

如果我理解正确，我会这样做：

let enableWhen = [...newItem.enableWhen];
// replace the element at index i with the updated item
enableWhen.splice(i, 1, {
       linkId: newItem.enableWhen[i]?.linkId,
       operator: newItem.enableWhen[i]?.operator,
       valueCalculation: event.target.value,
});

setItem({
    ...newItem,
    enableWhen
});