使用ES6在ReactJs中自定义数组状态

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

componentDidMount() {
  // 添加元素到数组状态
  this.setState(prevState => ({
    myArray: [...prevState.myArray, 'newElement']
  }));

  // 删除数组状态中的元素
  this.setState(prevState => ({
    myArray: prevState.myArray.filter(item => item !== 'elementToDelete')
  }));

  // 遍历数组状态
  this.state.myArray.map(item => {
    // 对每个元素进行操作
    return item;
  });
}

render() {
  return (
    <ul>
      {this.state.myArray.map(item => (
        <li key={item}>{item}</li>
      ))}
    </ul>
  );
}