React之state数组数据改变页面不更新或视图不更新

2021-06-223088次阅读React

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

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

 

上一篇: Node.js的FTP上传客户端basic-ftp  下一篇: JavaScript ES6 类简介  

React之state数组数据改变页面不更新或视图不更新相关文章