使用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();
}
});
};