React.memo与PureComponent

Posted mengff

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React.memo与PureComponent相关的知识,希望对你有一定的参考价值。

React.memo是一个高阶组件,本质就是一个函数。基本形式如下:

React.memo(functionl Component, areEqual)

 

React.memo与PureComponent作用一样,都是用来减少组件渲染。区别如下:

1.  React.memo针对函数式组件,PureComponent针对类组件

2. React.memo可以传入第二个参数,props比较函数,自定义比较逻辑,PureComponent只会使用默认的props浅比较

 

以上是关于React.memo与PureComponent的主要内容,如果未能解决你的问题,请参考以下文章

React.memo

React性能优化之memo,useMemo,useCallback的使用与区别

使用React.memo()来优化函数组件的性能

使用React.memo()来优化函数组件的性能

使用React.memo()来优化函数组件的性能

使用React.memo()来优化函数组件的性能