Github Repo:react-select
在选择框中搜索后:
键入不在下拉列表中的文本并按下输入后。我想隐藏下拉框。
我的实施:
<Select
ref={ input => this.input = input }
name="form-field-name"
searchable
autoBlur
clearable={false}
openOnFocus
onInputKeyDown={this.onInputKeyDown.bind(this)}
value={this.state.selectedOption}
onChange={this.handleChange.bind(this)}
options={this.props.items}
/>
使用onInputKeyDown
我正在检测输入密码。如果显示“未找到结果”,我该怎么做才能删除那里的下拉列表?
onInputKeyDown(e) {
if (e.keyCode === keys.ENTER) {
console.log('on input key down');
// How to detect 'No results found' shown?
// And then, how to close the dropdown?
}
}
在V2中,您可以通过将noOptionsMessage
设置为返回null
的函数来实现此目的:
<Select noOptionsMessage={() => null}/>
这将阻止后备选项完全显示。请注意,将noOptionsMessage
直接设置为null
将导致错误,此处预期的道具类型是一个函数。
尝试使用noResultsText
道具。每当你想隐藏它时,将它设置为null
。