如何在退格键上重置TypeAhead结果/删除React JS

时间:2018-06-11 15:17:34

标签: reactjs

使用react实现了自动建议。使用OnChange事件将触发自动提示,一切正常,但如果尝试从输入字段中删除字符或尝试删除整个搜索字符串,则不会触发自动提示的api调用。所以基本上onChange事件没有被触发。是否有更好的方法替代onChange方法,这也适用于移动设备。

不应该使用任何外部库。

这是尝试过的:

HTML:

<input placeholder={label} ref={this.searchInputRef} onChange={e => this.handleInputChange(e)} />

JS:

handleInputChange = event => {
    event.persist();
    this.setState({ query: this.searchInputRef.current.value }, () => {
      if (this.state.query && this.state.query.length > 2) {
        this.getSearchResults();
      }
    });
  };

0 个答案:

没有答案