react-native-android - 下拉列表中未选择值，为什么？

Question

我正在使用 react native material ui 组件来选择值并设置它。但选定的值不会留在屏幕上。看不到所选值。为什么这样？

 ` 

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

标签： react-native-androiddropdown

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