react如何清空input框

要清空React中的input框，你可以使用受控组件的方式，通过设置state来控制input框的值。当需要清空input框时，只需要将state中对应的值设置为空即可。

以下是一个示例代码片段，演示如何清空React中的input框：

import React, { useState } from 'react';

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

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

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

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

export default MyComponent;

在这个示例中，我们使用了useState来定义一个名为`inputValue`的state，它用于存储input框的值。`handleInputChange`函数用于更新`inputValue`的值，当用户输入时会触发onChange事件。`handleClearInput`函数用于清空input框，它将`inputValue`的值设置为空字符串。

通过这种方式，当用户点击"Clear"按钮时，会调用`handleClearInput`函数将input框的值清空。