在react中设置状态后如何清除输入值？

在React中，要清除输入值，可以通过以下几种方式：

使用受控组件：在React中，可以通过将输入框的值绑定到组件的状态(state)来实现受控组件。当需要清除输入值时，只需将状态(state)重置为空即可。例如：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputValue: ''
    };
  }

  handleChange(event) {
    this.setState({ inputValue: event.target.value });
  }

  handleClear() {
    this.setState({ inputValue: '' });
  }

  render() {
    return (
      <div>
        <input
          type="text"
          value={this.state.inputValue}
          onChange={this.handleChange.bind(this)}
        />
        <button onClick={this.handleClear.bind(this)}>Clear</button>
      </div>
    );
  }
}

在上述代码中，inputValue是组件的状态(state)，通过handleChange方法将输入框的值更新到状态(state)中，通过handleClear方法将状态(state)重置为空，从而清除输入值。

使用非受控组件：在React中，也可以使用非受控组件来清除输入值。非受控组件是指不将输入框的值绑定到组件的状态(state)，而是通过ref来获取输入框的值。当需要清除输入值时，可以通过ref来操作输入框的值。例如：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef();
  }

  handleClear() {
    this.inputRef.current.value = '';
  }

  render() {
    return (
      <div>
        <input type="text" ref={this.inputRef} />
        <button onClick={this.handleClear.bind(this)}>Clear</button>
      </div>
    );
  }
}

在上述代码中，通过React.createRef()创建一个ref，并将其赋值给输入框的ref属性。通过this.inputRef.current.value可以获取或设置输入框的值，从而实现清除输入值的功能。

无论是使用受控组件还是非受控组件，都可以根据具体的需求选择适合的方式来清除输入值。