react 之 state改变，视图未更新

// 错误方式
const obj = this.state.obj;
 
obj.forEach((e) => {
        xxxxx //省略的代码是改变了对象的值
});
 
this.setState({
    obj

解决办法: 浅拷贝方式获取对象并修改再赋值

// 正确方式
const obj = [...this.state.obj];
 
obj.forEach((e) => {
        xxxxx //省略的代码是改变了对象的值
});
 
this.setState({
    obj
});

原因: 对象数组是引用方式 ,对于react来说它的值都是地址(涉及到tree diff)，因为没有被重新赋值(地址没有改变)，所以 react 会认为仍然是之前的元素(element)，则不更新视图。