android - 如何解决选择器中的 react native 空值？

Question

我一直致力于 Android 平台上的 React Native 应用程序。我实现了一个 DropDown 选择器，但它给出了一个错误。

报错的代码段:

<View style={styles.if_filterbox}>
    <View style={{ alignSelf: 'center', paddingTop: 5 }}>
        <Text style={styles.if_formLabel}>Adres Seçiniz</Text>
    </View>


    <View style={{ flex: 1, flexDirection: 'column' }}>
        <View style={{ flex: 0.5, flexDirection: 'row' }}>


        <View style={styles.if_regionselect}>
            <Picker
            selectedValue={this.state.cityID}
            style={styles.if_picker}
            mode="dropdown"
            onValueChange={(itemValue, itemIndex) => {
                if (itemValue !== 0) {
                this.setState({
                    city: this.state.cities[itemValue],
                })
                }
            }
            }>
            {this.checkIsCitySelected()}
            {Object.keys(this.state.cities).map(key => {
                return <Picker.Item label={this.state.cities[key].isim} value={key} />
            })}
            </Picker>
        </View>
        </View>
    </View>
</View>  

checkIsCitySelected = () => {
    if (this.state.cityID >= 0) {
      return (<Picker.Item label={this.state.city["isim"]} value={this.state.cityID} />)
    } else {
      return (<Picker.Item label='Şehir Seçiniz' value='-1' />)
    }
  }

我知道 cities 数组不为空。

错误: Android Dropdown Error

Answer 1

我解决了这个问题。在选择器中，值为“key”。我将值更改为城市 ID。在这种情况下，城市 ID 是:this.state.cities[key].sehir_no

代码块改为

<View style={styles.if_regionselect}>
    <Picker
    selectedValue={this.state.cityID}
    style={styles.if_picker}
    mode="dropdown"
    onValueChange={(itemValue, itemIndex) => {
        if (itemValue !== 0) {
        this.setState({
            city: this.state.cities[itemValue],
            cityID: itemValue,
        })
        }
    }
    }>
    {Object.keys(this.state.cities).map(key => {
        return <Picker.Item label={this.state.cities[key].isim} value={this.state.cities[key].sehir_no} />
    })}
    </Picker>
</View>