如何在react中向状态对象添加数据？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [] // 初始化状态对象
    };
  }

  addData = () => {
    const newData = 'New Data'; // 要添加的数据
    this.setState(prevState => ({
      data: [...prevState.data, newData] // 使用展开运算符将新数据添加到原有数据中
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.addData}>添加数据</button>
        <ul>
          {this.state.data.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      </div>
    );
  }
}

export default MyComponent;