1.react学习笔记-解决react修改state对象,页面不刷新问题

1.react想要修改state中对象的属性:

this.state = {

peopleType:[

{type:'上访人员',ptype:'type_1',styleName:styles.Petition,checked: true},

{type:'老年人',ptype:'type_2',styleName:styles.Aged,checked: true},

{type:'孤儿',ptype:'type_3',styleName:styles.Orphan,checked: true},

{type:'残疾人',ptype:'type_4',styleName:styles.disability,checked: true},

{type:'重点少年',ptype:'type_5',styleName:styles.juvenile,checked: true},

{type:'退伍军人',ptype:'type_6',styleName:styles.Demobilized,checked: true},

{type:'失独人员',ptype:'type_7',styleName:styles.Loss,checked: true},

{type:'吸毒人员',ptype:'type_8',styleName:styles.correct,checked: true}]

}

onChangeCkeckbox(e){

var arr=[...this.state.peopleType];//这里需要进行浅复制,不然无法修改

if(arr[e].checked){

arr[e].checked=false

}else{

arr[e].checked=true

}

console.log(arr)

this.setState({

peopleType: arr

})

 

}

}

 

//解决react更新state不刷新dom

 

let tempState = Object.assign({}, this.state.personData, {activityList: res.data.result });

this.setState({

personData:tempState

})

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值