如何在React中删除列表中的对象？

constructor(props) {
  super(props);
  this.state = {
    items: [] // 列表数据
  };
}

render() {
  const listItems = this.state.items.map((item, index) =>
    <li key={index}>{item.name}</li>
  );

  return (
    <ul>
      {listItems}
    </ul>
  );
}

handleDelete(index) {
  const items = this.state.items.slice(); // 创建副本以避免直接修改原始状态
  items.splice(index, 1); // 从列表中删除指定索引的对象
  this.setState({ items }); // 更新组件状态
}

render() {
  const listItems = this.state.items.map((item, index) =>
    <li key={index}>
      {item.name}
      <button onClick={() => this.handleDelete(index)}>删除</button>
    </li>
  );

  return (
    <ul>
      {listItems}
    </ul>
  );
}