简单做个小例子,如下:
constructor(props) {
super(props);
this.state = {
Data: [
{key:1,value:'工商银行'},
{key:2,value:'建设银行'}
],
bankValue: '' //选中数据
}
render() {
return (
<View style={styles.container}>
<View>
{
this.state.Data.map((item,index)=> {
return(
<View>
<Text onPress={() => this._click(item,index)}>{item.value}</Text>
</View>
)}
)
}
</View>
<Text style={{paddingTop:px2dp(20),color:'blue'}}>我选择的银行:{this.state.bankValue}</Text>
</View>
)
}
_click(item,index) {
alert(index)
this.setState({
bankValue: item.value
})
}