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

})