有没有办法在react中创建一个动态文本区

import React, { useState } from 'react';

function DynamicText() {
  const [text, setText] = useState('Hello, World!');

  const handleChange = (event) => {
    setText(event.target.value);
  };

  return (
    <div>
      <textarea value={text} onChange={handleChange} />
      <p>{text}</p>
    </div>
  );
}

export default DynamicText;

import React from 'react';

class DynamicText extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      text: 'Hello, World!'
    };
  }

  handleChange = (event) => {
    this.setState({ text: event.target.value });
  };

  render() {
    return (
      <div>
        <textarea value={this.state.text} onChange={this.handleChange} />
        <p>{this.state.text}</p>
      </div>
    );
  }
}

export default DynamicText;