如果你的React組件的渲染函數(shù)是“純粹的”（換句話說，當(dāng)傳給它同樣的props和state，它渲染出同樣的效果），在某些場景下，你可以利用這個(gè)插件來極大地提升性能。
例如：
var PureRenderMixin = require('react').addons.PureRenderMixin;
React.createClass({
mixins: [PureRenderMixin],
render: function() {
return <div className={this.props.className}>foo</div>;
}
});在底層，該插件實(shí)現(xiàn)了shouldComponentUpdate，在這里面，它比較當(dāng)前的props、state和接下來的props、state，當(dāng)兩者相等的時(shí)候返回false。
注意：
僅僅是淺比較對(duì)象。如果對(duì)象包含了復(fù)雜的數(shù)據(jù)結(jié)構(gòu)，深層次的差異可能會(huì)產(chǎn)生誤判。僅用于擁有簡單props和state的組件，或者當(dāng)你知道很深的數(shù)據(jù)結(jié)構(gòu)已經(jīng)變化了的時(shí)候使用
forceUpdate()?；蛘撸紤]使用immutable objects來幫助嵌套數(shù)據(jù)快速比較。此外，
shouldComponentUpdate會(huì)跳過更新整個(gè)組件子樹。確保所有的子組件也是“純粹的”。
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多