javascript - 如何使用变量引用修改 Javascript 中嵌套对象的内部属性

Question

在 React 中，我想设置存储在状态中的对象的内部属性。

假设如下:

const myIndex = 0;
const [myobject, setmyobject] = useState({ 
  a: {
    b: [ 
      {c: 1}, 
      {c: 2} 
    ] 
  }
})

我想修改 myobject，将 b 数组的第一个对象中的 c 替换为 3。

所以我想这样做:

setmyobject({...myobject, a.b[myIndex].c: 3});

但它给了我一个错误，:或，预期在第一个[中。

这是禁止的吗？

Answer 1

我认为这是最佳实践:https://github.com/kolodny/immutability-helper

import update from 'immutability-helper';
const updatedMyObject = update(myObject, {
    a: {b: {[myIndex]: {c: {$set: 3}}}}
});
setmyobject(updatedMyObject);