使用REACT可视化文本区域中的onkeypress换行符

import React, { Component } from 'react';

class TextEditor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      text: '', // 保存文本内容
    };
  }

  handleKeyPress = (event) => {
    if (event.key === 'Enter') {
      this.setState((prevState) => ({
        text: prevState.text + '\n', // 插入换行符
      }));
    }
  };

  render() {
    return (
      <textarea
        value={this.state.text}
        onKeyPress={this.handleKeyPress}
      ></textarea>
    );
  }
}

export default TextEditor;