重构 pure() 与 React.PureComponent

Question

Recompose 库中的 pure() 和 React.PureComponent 有什么区别？我猜他们基本上是在解决同样的问题。有人可以澄清一下吗？

Answer 1

不同之处在于它React.PureComponent是有状态的组件并跟踪状态：

React.PureComponent 类似于 React.Component。它们之间的区别在于 React.Component 没有实现 shouldComponentUpdate()，而是 React.PureComponent 通过一个浅层的 prop 和 state 比较来实现它。

虽然 Recompose 针对无状态功能组件，但pure 仅浅层检测 props 的变化。

两者都用于shouldComponentUpdate浅层检测更改，因此它们之间没有实际区别，只要组件不涉及本地状态即可。