[JavaScript知识库]关于React中纯组件PureComponent的注意点

关于React中纯组件PureComponent的注意点

1.继承的类修改为React.PureComponent的话,其内部会已经封装好了shouldComponentUpdate这个钩子函数
2.会自己判断需不需要重新渲染元素

注意:

1.纯组件React.PureComponent内部shouldComponentUpdate的对比方法是浅层对比
2.对于引用类型来说,浅层对比只会比较引用类型的指向地址
3.所以,在修改对象中属性的值时,我们应该创建一个新的数组或者对象,不要直接修改原数组对象
4.比如不要直接使用数组的push等方法,而应该使用concat或者slice返回一个新的数组方法
5.或者使用ES6中的语法:
const newArr = [...this.state.arr, {newPushArr}]
或者
const newObj = {...this.state.obj, newAddObj}