從 React Native 的下拉列表中獲取未定義的選定值

Question

我是新手學習反應原生。 我想從 react-native 的下拉列表中獲取選定的值。

我的構造函數

constructor(props){
      super(props);
      this.state = ({       
        PickerSelectedVal : ''
      })
}

在渲染中

render(){
      <Dropdown                 
                label="Select"
                options={["Op1","Op2"]}                     
                selectedValue={this.state.PickerSelectedVal}
                onSelect={(obj)=>this.changedemo({obj})}
      />
}

在功能上

 changedemo= (ob)=>{
      this.setState({PickerSelectedVal : ob});
      alert("Selected country is : " +ob.PickerSelectedVal);
      console.log(this.state.PickerSelectedVal);
      if (this.state.PickerSelectedVal === 1) {
          alert("Selected value is : " +ob.PickerSelectedVal);
      } 
      if(this.state.PickerSelectedVal === 0) {
alert("Selected value is : " +ob.PickerSelectedVal);
      }

  }

我已經嘗試了很多次。 我想從下拉警報中獲取選定的值也顯示但它打印。 選定的值為：未定義。

Answer 1

setState 是一個異步過程，因此當您打印它時，狀態尚未設置。 添加這個

this.setState({PickerSelectedVal : ob},()=>{console.log(this.state.PickerSelectedVal)});

Answer 2

您的changedemo 功能必須如下所示；

  changedemo= (ob)=>{
      this.setState({PickerSelectedVal : ob.value});
      alert("Selected country is : " +ob.value);
      console.log(ob.value);
      // rest of the code
  }