如何在提交React JS后删除文本区域中的文本

import React, { useState } from 'react';

function MyComponent() {
  const [text, setText] = useState('');

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

  const handleSubmit = () => {
    // 处理提交逻辑
    // ...

    // 清空文本区域
    setText('');
  };

  return (
    <div>
      <textarea value={text} onChange={handleTextChange} />
      <button onClick={handleSubmit}>提交</button>
    </div>
  );
}

export default MyComponent;