从子组件的状态数组中删除项

class YourComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      items: ['item1', 'item2', 'item3'] // 假设状态数组名称为items
    };
  }

  handleDelete(index) {
    const newItems = [...this.state.items]; // 创建一个新的数组副本
    newItems.splice(index, 1); // 从副本数组中删除指定索引的项
    this.setState({ items: newItems }); // 更新组件的状态
  }

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