React:根据文本区域输入将状态设置为数组

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

  render() {
    // 在render方法中使用状态和处理函数
    return (
      <div>
        <textarea value={this.state.textAreaValue} onChange={this.handleInputChange} />
        <button onClick={this.handleButtonClick}>将文本添加到状态数组</button>
        <ul>
          {this.state.statusArray.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      </div>
    );
  }

  handleInputChange = (event) => {
    this.setState({ textAreaValue: event.target.value });
  }

  handleButtonClick = () => {
    const newArray = [...this.state.statusArray, this.state.textAreaValue];
    this.setState({ statusArray: newArray, textAreaValue: '' });
  }
}