如何在setState中设置数组元素的值

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      myArray: ['apple', 'banana', 'cherry']
    };
  }

  updateArrayElement(index, newValue) {
    // 获取当前状态中的数组
    const newArray = [...this.state.myArray];
    // 修改特定索引位置的元素
    newArray[index] = newValue;
    // 更新状态
    this.setState({ myArray: newArray });
  }

  render() {
    return (
      <div>
        <ul>
          {this.state.myArray.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
        <button onClick={() => this.updateArrayElement(1, 'orange')}>
          Update Array Element
        </button>
      </div>
    );
  }
}