重構 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來淺層檢測更改，因此它們之間沒有實際區別，只要組件不涉及本地狀態即可。