在React中删除另一个对象内的对象

state = {
  objects: [
    { id: 1, name: 'Object 1' },
    { id: 2, name: 'Object 2' },
    { id: 3, name: 'Object 3' }
  ]
};

handleDeleteObject = (objectId) => {
  const updatedObjects = this.state.objects.filter(obj => obj.id !== objectId);
  this.setState({ objects: updatedObjects });
};

render() {
  return (
    <div>
      {this.state.objects.map(obj => (
        <div key={obj.id}>
          <span>{obj.name}</span>
          <button onClick={() => this.handleDeleteObject(obj.id)}>删除</button>
        </div>
      ))}
    </div>
  );
}