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

Question

this.state.style:{
width:
height:
color
}
//修改属性
this.setState({style:{}})

现在我想通过setState给它添加一个属性,可以只添加一个属性而让其他的属性保持原来的值吗？

Answer 1

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

this.setState(Object.assign({}, this.state.style, {width: 666}))

Answer 2

参考了一楼的答案, 把得到的对象整个setState给了原来的对象

  let data = Object.assign({}, this.state.data, { is_collect: false })
  this.setState({
    data: data
  })

Answer 3

参考一二楼的答案

this.setState({
    style: Object.assign({}, this.state.style, { width: 666})
  })