如何在reactjs中单击按钮时打印多个文本区

state = {
  texts: []
};

render() {
  return (
    <div>
      {this.state.texts.map((text, index) => (
        <textarea key={index} value={text} readOnly />
      ))}
    </div>
  );
}

handleButtonClick = () => {
  const newText = "新的文本区内容";
  this.setState(prevState => ({
    texts: [...prevState.texts, newText]
  }));
}

render() {
  return (
    <div>
      {this.state.texts.map((text, index) => (
        <textarea key={index} value={text} readOnly />
      ))}
      <button onClick={this.handleButtonClick}>点击按钮</button>
    </div>
  );
}