如何在删除受控文本字段中的所有文本后再次使其为空？SPFX React/TypeScript

import React, { useState } from 'react';

const MyComponent: React.FC = () => {
  const [textValue, setTextValue] = useState('');

  const handleTextChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    setTextValue(event.target.value);
  };

  const handleDeleteText = () => {
    setTextValue('');
  };

  return (
    <div>
      <input type="text" value={textValue} onChange={handleTextChange} />
      <button onClick={handleDeleteText}>删除文本</button>
    </div>
  );
};

export default MyComponent;