[JavaScript知识库]React.Component React.PureComponent和React.memo()

官方API参考
🔗 React.Component
🔗 React.PureComponent
🔗 React.memo()

前两者的区别

• PureComponent 中实现了 shouldComponent 对 props 和 state 的浅层对比。

后两者的区别

• PureComponent 只能用在 Class 组件中。
  React.memo() 可以用于 Class 组件和 Function 组件中。
• PureComponent 中实现了 shouldComponent 对 props 和 state 的浅层对比。
  React.memo() 是高阶函数。仅检查 props 的变化，可以通过第二个参数控制是否重新渲染。

[注意]

• shouldComponent (nextProps, nextState) 返回 true 重新渲染。返回 false 阻止渲染。
• React.memo() 的第 2 个参数 areEqual(prevProps, nextProps) 返回 true 表示 props 相同，阻止渲染。返回 false 重新渲染