react验证Input是否为为空

Question

今天接到一个新需求，需要判断input输入后进行判断是否为空，一时间居然不知道怎么做了。。。求教

完全没有思路enmmm。更别说那个模糊搜索了

Answer 1

数据先trim 再看是不是===""

Answer 2

class Demo extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      inputValue: '',
    }
  }
  handleChange = (e) => {
    this.setState({
      inputValue: e.target.value,
    })
  }
  render() {
    return (
      <input onChange={(e)=>this.handleChange(e)}/>
    );
  }
}

给input添加一个 onChange 事件
判断 inputValue 是否为空就可以了吧