如何更新对象的react状态数组

constructor(props) {
  super(props);
  this.state = {
    objects: [
      { id: 1, name: 'Object 1' },
      { id: 2, name: 'Object 2' },
      { id: 3, name: 'Object 3' }
    ]
  };
}

updateObject = (newName, index) => {
  this.setState(prevState => {
    const objects = [...prevState.objects]; // 创建一个状态数组的副本
    objects[index] = { ...objects[index], name: newName }; // 更新指定索引的对象的name属性
    return { objects }; // 返回更新后的状态数组
  });
}

render() {
  return (
    <div>
      {this.state.objects.map((object, index) => (
        <div key={object.id}>
          <span>{object.name}</span>
          <input
            type="text"
            value={object.name}
            onChange={e => this.updateObject(e.target.value, index)}
          />
        </div>
      ))}
    </div>
  );
}