如何管理reactjs状态下保存的数组

constructor(props) {
  super(props);
  this.state = {
    myArray: []
  };
}

// 添加元素到数组
addItem = (item) => {
  this.setState(prevState => ({
    myArray: [...prevState.myArray, item]
  }));
}

// 删除数组中的元素
removeItem = (index) => {
  this.setState(prevState => ({
    myArray: prevState.myArray.filter((_, i) => i !== index)
  }));
}

// 更新数组中的元素
updateItem = (index, newItem) => {
  this.setState(prevState => ({
    myArray: prevState.myArray.map((item, i) => i === index ? newItem : item)
  }));
}

render() {
  const { myArray } = this.state;

  return (
    <div>
      {myArray.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
}