React native React Native-选择器项在另一个选择器中显示数据
当我在省中选择一个picker.item时,城市将显示省中的数据。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'],
请帮助我解决此问题,以下是我的代码:
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]这将是城市选择器的城市数据