react setState()方法可以只修改一个对象的部分属性

Posted 2021-01-22 Gaochunling

使用Object.assign()，要注意不要返回原对象，应该返回一个新对象：

1、state 定义
state = {
　　OAInfo: {app_name: ‘‘, user_id: ‘‘, app_login_id: ‘‘},
}
2、触发的修改方法：
thisOAval(event) {
　　let data = Object.assign({}, this.state.OAInfo, { app_login_id: event.target.value })
　　this.setState({
　　　　OAInfo: data
　　})
}

 

在redux中 修改store对象中同理，对已记录state属性进行 filter 循环查询，并替换对应元素后，整体赋值state对象。

case SELECTROLEPUSH: 
      return state.set(‘selectedRoles‘, state.get(‘selectedRoles‘).filter(item => (item.role_id !== action.payload.role_id)).push(action.payload))