react-native 自定义多选

页面部分:
{this.state.answer.map((item,index) =>{
return(

<touchableOpacity key={index} onPress={()=>this.changeImage(index)}>
<View style = {{flexDirection:"row",alignItems:"center",paddingLeft:15,marginTop:33}}>

{index==this.state.index ?
<Image style={{width:14,height:14}} source={require("../../assets/images/changeOn.png")}/>:
<Image style={{width:14,height:14}} source={require("../../assets/images/changeOff.png")}/>
}

{/A/}
{item.a_text}


)
}
)}
touchableOpacity换大写T

js部分:
//多选
changeMoreSelect =(index) =>{
const set = new Set(this.state.changeArr)
set.has(index) ? set.delete(index) : set.add(index)
this.setState({changeArr: [...set]},()=>{
console.log(this.state.changeArr)
})
}

posted @ 2019-01-25 11:26  -http  阅读(708)  评论(0)    收藏  举报