Как получить значение выделенного элемента с помощью реакции-select-plus?

Я использую response-select-plus, и я пытаюсь получить значение выделенного элемента, когда я перемещаюсь между ними с помощью клавиатуры,

как я могу это сделать?

вот пример моего кода:

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>
    );
  }
}

Надеюсь, вы можете помочь мне с этим

javascript,reactjs,react-select,

1

Ответов: 1


0

Я наконец выяснил, как можно получить текущий выделенный элемент:

class App extends Component {
  constructor() {
    super(); 
  }

  keyUp() {
    let item = ReactDOM.findDOMNode(document.getElementsByClassName('Select-option is-focused')[0]);
    console.log(item.textContent);
  }

  loadOptions(input, callback) {
    setTimeout(() => {
      callback(null, {
        options: [
          { value: 'one', label: 'One' },
          { value: 'two', label: 'Two' }
        ], 
        complete: true
      });
    }, 500);
  };

  render() {
    return (
      <div tabIndex="0" onKeyUp={this.keyUp.bind(this)}>
        <Async 
          loadOptions={this.loadOptions}  
        />
      </div>
    );
  }
}

JavaScript, reactjs, реагирует-выбор,
Похожие вопросы