React.js remove item from Array in state语法

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: ['Apple', 'Banana', 'Cherry']
    };
  }

  removeItem = (indexToRemove) => {
    this.setState((prevState) => {
      // 创建一个新的数组副本
      const newItems = [...prevState.items];
      // 移除指定索引的元素
      newItems.splice(indexToRemove, 1);
      // 返回更新后的state
      return { items: newItems };
    });
  };

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

export default MyComponent;