Значение не выбрано в выпадающем списке, почему?

Question

Я использую реагирующий нативный компонент пользовательского интерфейса для выбора значения и установить его. Но выбранное значение не остается на экране. Не может видеть выбранное значение. Почему так?

 ` 

    onChangeHandler = (e) => {
    this.setState({
    selectValue: e
    });
  }
      render() {
      sports = [
      { value:'Basketball' },
      { value:'Football' },
      { value:'Tennis' },
      { value:'Volleyball' }
      ];
       <Dropdown
             value={this.state.selectValue} 
             data = {sports}
             style={styles.Dropdown1}
             onChangeText = {(event) => this.onChangeHandler(event)}
            ><Dropdown>
 }

Answer 1

Попробуйте console.log() событие, которое вы проходите, и посмотрите, что происходит в этом событии

Я бы попробовал что-то вроде следующего:

    onChangeHandler = (evt) => {
    this.setState({
    selectValue: evt.target.value
    });
  }
      render() {
      sports = [
      { value:'Basketball' },
      { value:'Football' },
      { value:'Tennis' },
      { value:'Volleyball' }
      ];
       <Dropdown
             value={this.state.selectValue} 
             data = {sports}
             style={styles.Dropdown1}
             onChangeText = {this.onChangeHandler}
            ><Dropdown>
 }