建设公司网站的内容,建筑设计图片,做的网站如何防止怕爬虫,建筑模板多少钱一张什么尺寸回答思路#xff1a;什么是PureComponent--Component更新过程--PureComponent更新过程--PureComponent的优点
什么是PureComponent#xff1a;pure#xff1a;纯净的#xff0c;即为纯组件#xff0c;可以用来优化React程序#xff0c;减少render函数执行的…回答思路什么是PureComponent--Component更新过程--PureComponent更新过程--PureComponent的优点
什么是PureComponentpure纯净的即为纯组件可以用来优化React程序减少render函数执行的次数提高组件的性能。
Component更新过程在react中当props或state发生改变时会执行render函数更新页面若不想更新页面可以通过在shouldComponentUpdate生命周期函数中执行return false来阻止页面的更新默认返回true从而减少不必要的render执行。
PureComponent更新过程自动执行shouldComponentUpdate执行该函数是进行浅比较如果在页面中使用了引用类型的数据当执行该函数更新时只会比较是不是同一地址而不会比较这个地址中的数据是否一致浅比较会忽略属性或状态的突变如果只改变引用数据类型的值则不会执行render函数如果需要重新渲染则需另外开辟空间引用数据所以pureComponent一般会用在一些纯展示组件上
PureComponent的优点当组件更新时若props或state都没有改变render函数就不会触发省去了DOM的对比过程提升了性能