嘗試更新 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
});