recompose pure

[monsterooo]

pure 介绍

pure利用shouldUpdate的shallowEqual来确定组件是否更新，它是一个对象浅比较

pure Flow Type

pure: HigherOrderComponent

pure 例子

const { compose, pure, shouldUpdate, lifecycle } = Recompose;

const Foo = compose(
  pure,
  shouldUpdate((props, nextProps) => props.title !== nextProps.title) ,
)(({ title }) => (
  <div>{console.log('render')}{title}</div>
))

在线DEMO

在codepen在线预览

备注

可以结合recompose shouldUpdate来做自定义的props比较