将数组放入state - React时出现错误

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      myArray: [] // 初始化一个空数组
    };
  }
  // ...
}

import React, { useState } from 'react';

function MyComponent() {
  const [myArray, setMyArray] = useState([]); // 初始化一个空数组

  // ...
}

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

  updateArray = () => {
    // 使用setState方法更新数组
    this.setState({
      myArray: [...this.state.myArray, 'new item']
    });
  }

  render() {
    // ...
  }
}

import React, { useState } from 'react';

function MyComponent() {
  const [myArray, setMyArray] = useState([]);

  const updateArray = () => {
    // 使用更新函数更新数组
    setMyArray(prevArray => [...prevArray, 'new item']);
  }

  // ...
}

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

  updateArray = () => {
    // 错误的数组操作，直接修改state中的数组
    this.state.myArray.push('new item');
    this.setState({
      myArray: this.state.myArray
    });
  }

  render() {
    // ...
  }
}

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

  updateArray = () => {
    // 创建一个新的数组来更新state
    const newArray = [...this.state.myArray, 'new item'];
    this.setState({
      myArray: newArray
    });
  }

  render() {
    // ...
  }
}

import React, { useState } from 'react';

function MyComponent() {
  const [myArray, setMyArray] = useState([]);

  const updateArray = () => {
    // 使用更新函数创建新的数组
    setMyArray(prevArray => [...prevArray, 'new item']);
  }

  // ...
}