React从呈现的列表中移除元素

import React, { Component } from 'react';

class List extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: ['Item 1', 'Item 2', 'Item 3'] // 初始列表项
    };
  }

  removeItem(index) {
    const { items } = this.state;
    items.splice(index, 1); // 从数组中移除元素
    this.setState({ items }); // 更新组件状态
  }

  render() {
    const { items } = this.state;
    return (
      <ul>
        {items.map((item, index) => (
          <li key={index}>
            {item}
            <button onClick={() => this.removeItem(index)}>移除</button>
          </li>
        ))}
      </ul>
    );
  }
}

export default List;