React:在更新对象数组中的属性后，属性更改为未定义

const updateObject = (array, index, key, value) => {
  return array.map((obj, i) => {
    if (i === index) {
      return { ...obj, [key]: value };
    }
    return obj;
  });
};

// 使用示例
const [items, setItems] = useState([
  { id: 1, name: 'Item 1', value: 10 },
  { id: 2, name: 'Item 2', value: 20 }
]);

const handleUpdate = () => {
  const updatedItems = updateObject(items, 0, 'value', undefined);
  setItems(updatedItems);
};

import produce from 'immer';

const updateObject = (array, index, key, value) => {
  return produce(array, draft => {
    draft[index][key] = value;
  });
};

// 使用示例
const [items, setItems] = useState([
  { id: 1, name: 'Item 1', value: 10 },
  { id: 2, name: 'Item 2', value: 20 }
]);

const handleUpdate = () => {
  const updatedItems = updateObject(items, 0, 'value', undefined);
  setItems(updatedItems);
};