zoukankan      html  css  js  c++  java
  • 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}}>
    								<View >
    									{index==this.state.index ?
    									<Image style={{14,height:14}} source={require("../../assets/images/changeOn.png")}/>:
    									<Image style={{14,height:14}} source={require("../../assets/images/changeOff.png")}/>
    									}
    								</View>
    								{/*<View style={{paddingLeft:14}}><Text>A</Text></View>*/}
    								<View style={{paddingLeft:10}}><Text>{item.a_text}</Text></View>
    							</View>
    						</touchableOpacity>
    						)
    					}
    				)}
            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)
    })
    }
  • 相关阅读:
    windows上设置代理
    docker 代理
    windbg随笔
    win10自带ssh server使用
    centos7 最小安装后,编译配置redsocks
    cef chromium 编译
    C++中的单例模式
    delete NULL
    音视频通讯能力提供商
    云视频会议解决方案
  • 原文地址:https://www.cnblogs.com/httpL/p/10318677.html
Copyright © 2011-2022 走看看