Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/vba/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native React Native-选择器项在另一个选择器中显示数据_React Native_Picker - Fatal编程技术网

React native React Native-选择器项在另一个选择器中显示数据

React native React Native-选择器项在另一个选择器中显示数据,react-native,picker,React Native,Picker,当我在省中选择一个picker.item时,城市将显示省中的数据。 请帮助我解决此问题,以下是我的代码: constructor(props){ super(props) this.state = { dataProvince: ['A', 'B', 'C'], selProvince: '', dataVillage: ['D', 'E', 'H'],

当我在省中选择一个picker.item时,城市将显示省中的数据。
请帮助我解决此问题,以下是我的代码:

    constructor(props){
        super(props)

        this.state = {
                dataProvince: ['A', 'B', 'C'],
                selProvince: '',
                dataVillage: ['D', 'E', 'H'],
                selVillage: '',
}

 <Text style={Styles.overviewTitle}>Province</Text>
                    <Picker note 
                                mode="dropdown"
                                style={Styles.textInput}
                                selectedValue={this.state.selProvince}
                                onValueChange={(itemValue)=>this.setState({selProvince: itemValue})}
                        >
                            {this.state.dataProvince.map((data, key) =>
                                <Picker.Item key={key} label={data.label} value={data.value} />
                            )}
                    </Picker>

 <Picker note 
                                mode="dropdown"
                                style={Styles.textInput}
                                selectedValue={this.state.selCity}
                                onValueChange={(itemValue)=>this.setState({selCity: itemValue})}
                        >
                            {this.state.dataCity.map((data, key) =>
                                <Picker.Item key={key} label={data.label} value={data.value} />
                            )}
                        </Picker>
构造函数(道具){
超级(道具)
此.state={
数据省:['A','B','C'],
省:'',
数据村:['D','E','H'],
赛尔村:“,
}
省
this.setState({selProvince:itemValue})}
>
{this.state.dataProvince.map((数据,键)=>
)}
this.setState({selCity:itemValue})}
>
{this.state.dataCity.map((数据,键)=>
)}

更改省时,您已经在更新selProvince的状态值。您只需要一个json对象,让我们在您的州中调用它provinceCitiesMap,其中每个省的城市数组作为键,当您选择该省时,您的组件将作为setState的结果重新呈现,这样您就可以从该json对象中获取城市数组,如provinceCitiesMap[selProvinciesMap]这将是城市选取器的城市数据。

当您更改省时,您已经在更新省的州值。您只需要一个json对象,让我们在您的州中调用它provinceCitiesMap,其中每个省的城市数组作为键,当您选择该省时,您的组件将作为setState的结果重新呈现,这样您就可以从该json对象中获取城市数组,如provinceCitiesMap[selProvinciesMap]这将是城市选择器的城市数据