react 清除input中的内容

如果你使用的是受控组件，那么你可以将 `value` 属性设置为空字符串来清除 `input` 中的内容。例如：

import React, { useState } from 'react';

function MyComponent() {
  const [inputValue, setInputValue] = useState('');

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

  const handleClearClick = () => {
    setInputValue('');
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleClearClick}>Clear</button>
    </div>
  );
}

如果你使用的是非受控组件，那么你可以通过 `ref` 引用 `input` 元素，并在需要时直接操作该元素的 `value` 属性来清除内容。例如：

import React, { useRef } from 'react';

function MyComponent() {
  const inputRef = useRef(null);

  const handleClearClick = () => {
    inputRef.current.value = '';
  };

  return (
    <div>
      <input type="text" ref={inputRef} />
      <button onClick={handleClearClick}>Clear</button>
    </div>
  );
}