在React中删除

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      items: ['item1', 'item2', 'item3']
    };
  }

  handleDelete = (item) => {
    this.setState(prevState => ({
      items: prevState.items.filter(i => i !== item)
    }));
  }

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

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      items: ['item1', 'item2', 'item3']
    };
  }

  handleDelete = (index) => {
    this.setState(prevState => {
      const items = [...prevState.items];
      items.splice(index, 1);
      return { items };
    });
  }

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