react实现input框重置

要重置 React 中的输入框，你可以使用状态管理来实现。下面是一个示例代码片段，演示如何重置输入框：

首先，在组件的状态中添加一个输入框的初始值：

state = {
  inputValue: ''
};

然后，在渲染方法中将输入框的值绑定到状态的值：

render() {
  return (
    <div>
      <input
        type="text"
        value={this.state.inputValue}
        onChange={this.handleInputChange}
      />
      <button onClick={this.handleReset}>重置</button>
    </div>
  );
}

接下来，编写 handleInputChange 方法来更新输入框的值：

handleInputChange = (event) => {
  this.setState({ inputValue: event.target.value });
};

最后，编写 handleReset 方法来将输入框的值重置为空字符串：

handleReset = () => {
  this.setState({ inputValue: '' });
};

当点击重置按钮时，输入框的值将被重置为空字符串。

希望这能帮到你！如果还有其他问题，请随时提问。