React-如何重置表单文本区域

import React, { useState } from 'react';

const ResetForm = () => {
  const [text, setText] = useState('');

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

  const handleReset = () => {
    setText('');
  };

  return (
    <div>
      <form>
        <textarea value={text} onChange={handleInputChange} />
      </form>
      <button onClick={handleReset}>重置</button>
    </div>
  );
};

export default ResetForm;