React面试题：React.Component和React.PureComponent的区别？

2023-12-18 15:44:27

回答思路：什么是PureComponent-->Component更新过程-->PureComponent更新过程-->PureComponent的优点

什么是PureComponent：pure：纯净的，即为纯组件，可以用来优化React程序，减少render函数执行的次数，提高组件的性能。

Component更新过程：在react中当props或state发生改变时，会执行render函数更新页面，若不想更新页面，可以通过在shouldComponentUpdate生命周期函数中执行return false来阻止页面的更新（默认返回true），从而减少不必要的render执行。

PureComponent更新过程：自动执行shouldComponentUpdate，执行该函数是进行浅比较，如果在页面中使用了引用类型的数据，当执行该函数更新时只会比较是不是同一地址，而不会比较这个地址中的数据是否一致，浅比较会忽略属性或状态的突变，如果只改变引用数据类型的值，则不会执行render函数，如果需要重新渲染则需另外开辟空间引用数据，所以pureComponent一般会用在一些纯展示组件上

PureComponent的优点：当组件更新时，若props或state都没有改变，render函数就不会触发，省去了DOM的对比过程，提升了性能

文章来源:https://blog.csdn.net/laowang357/article/details/135061617
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。