Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用react select plus获取突出显示项的值?_Javascript_Reactjs_React Select - Fatal编程技术网

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结束并停留在当前值上时发生。