更新React js中对象的状态数组

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      objects: [
        { id: 1, name: "Object 1" },
        { id: 2, name: "Object 2" },
        { id: 3, name: "Object 3" }
      ]
    };
  }

  updateObject = (objectId, newName) => {
    this.setState(prevState => {
      const updatedObjects = prevState.objects.map(obj => {
        if (obj.id === objectId) {
          return { ...obj, name: newName };
        }
        return obj;
      });

      return { objects: updatedObjects };
    });
  };

  render() {
    return (
      <div>
        {this.state.objects.map(obj => (
          <div key={obj.id}>{obj.name}</div>
        ))}
        <button
          onClick={() => this.updateObject(2, "Updated Object 2")}
        >
          Update Object 2
        </button>
      </div>
    );
  }
}