React-native：Picker onValueChange setState 滞后，我需要 setTimeout 吗？

Question

在我的 React-native 项目中，我有一个选择器，它在幕后选择要在函数中使用的数组。

 <Picker
      style={styles.onePicker} itemStyle={styles.onePickerItem}
      selectedValue={this.state.food}
      onValueChange={(itemValue) => { this.setState({food: itemValue}); this.cuisine();}}
    >
      <Picker.Item label="Italian" value="Italian" />
      <Picker.Item label="Chinese" value="Chinese" />
      <Picker.Item label="Cajun" value="Cajun" />
      <Picker.Item label="KFC" value="KFC" />
    </Picker>

一切正常，但 setState 在函数运行之前没有被分配。在使用中，使用的数组是显示内容后面的一个选择器部分/动作。

Pickers 需要 setTimeout 或任何用于反应的东西是否正常？

我还尝试在美食函数中传递 itemValue this.cuisine(itemValue);

调用：

cuisine = (data) => {函数的东西}

但在控制台或警报中显示传递的数据我只得到

 [object Object]

而不是实际值。

我对 ES6 和 React 的使用有点陌生。

Answer 1

使用它对我来说非常有用

 <View>
        <Picker        
          selectedValue={this.state.food}
          onValueChange={(itemValue) => {  this.cuisine(itemValue);}}>
          <Picker.Item label="Italian" value="Italian" />
          <Picker.Item label="Chinese" value="Chinese" />
          <Picker.Item label="Cajun" value="Cajun" />
          <Picker.Item label="KFC" value="KFC" />
  </Picker>

      <Text>{this.state.food}</Text>

  </View>

现在在美食功能中

cuisine = (itemValue: any) => { 
   this.setState({food: itemValue});   
   console.log(this.state.food);
}