react-dom.development.js: 287 Uncaught TypeError: Невозможно прочитать свойство 'значение' из неопределенного

Question

Я пытаюсь получить текущее значение, выбранное в раскрывающемся списке, сохраняя его в переменной с именем result. Но это выдает мне «Uncaught Type Error» каждый раз, когда я это делаю.

Я уже пробовал различные методы, используя «onClick» «onChange»

constructor(props){
    super(props);
    this.state = {
      names: [],
      equipments:[],
      isLoaded: false,
      result: ""
    }

handleChange (event) {
    this.setState({
      result: event.target.value
    })
    console.log("result=" + this.state.result);
  }

render() {

    let {names, equipments} = this.state;

    let options = names.map(name => {
      return {value: name.name, label: name.name};
    })

    let options3 = equipments.map(equip => {
      return {value: equip.value.name, label: equip.value.name};
    })

return (
<Select placeholder="Enter Site Name" onChange={event => this.handleChange(event)}
              options={options} />
              {this.state.result} <hr />
)}

Expected: should return the name of the selected drop down option.
e.g., BNTOR1245#Name1

Answer 1

Итак, эта проблема решена:

handleChange = selectedOption => {
    this.setState({ inputValue: selectedOption });
    console.log(`Option selected: ${selectedOption.value}`);