Javascript 如何使用react select plus获取突出显示项的值?
当我通过键盘在它们之间导航时,我正在使用并试图获取突出显示项的值 我怎样才能做到这一点 以下是我的代码示例:Javascript 如何使用react select plus获取突出显示项的值?,javascript,reactjs,react-select,Javascript,Reactjs,React Select,当我通过键盘在它们之间导航时,我正在使用并试图获取突出显示项的值 我怎样才能做到这一点 以下是我的代码示例: class App extends Component { constructor() { super(); } loadOptions(input, callback) { setTimeout(() => { callback(null, { options: [ { value: 'one', l
class App extends Component {
constructor() {
super();
}
loadOptions(input, callback) {
setTimeout(() => {
callback(null, {
options: [
{ value: 'one', label: 'One' },
{ value: 'two', label: 'Two' }
],
complete: true
});
}, 500);
};
render() {
return (
<div>
<Async
loadOptions={this.loadOptions}
/>
</div>
);
}
}
类应用程序扩展组件{
构造函数(){
超级();
}
加载选项(输入、回调){
设置超时(()=>{
回调(null{
选项:[
{值:'1',标签:'1'},
{值:'two',标签:'two'}
],
完全正确
});
}, 500);
};
render(){
返回(
);
}
}
希望您能帮我解决这个问题。我终于找到了获取当前突出显示项目的方法:
类应用程序扩展组件{
构造函数(){
超级();
}
keyUp(){
让item=ReactDOM.findDOMNode(document.getElementsByClassName('Select-option为焦点')[0]);
console.log(item.textContent);
}
加载选项(输入、回调){
设置超时(()=>{
回调(null{
选项:[
{值:'1',标签:'1'},
{值:'two',标签:'two'}
],
完全正确
});
}, 500);
};
render(){
返回(
);
}
}
是否有办法处理onInputKeyDown
?已经尝试过了,onInputKeyDown
将获得在导航到其他值之前突出显示的值onKeyUp
当高亮显示的acton结束并停留在当前值上时发生。