pureRender很简单，就是把传进来的component的shouldComponentUpdate给重写掉了，原来的shouldComponentUpdate，无论怎样都是return ture，现在不了，我要用shallowCompare比一比，shallowCompare代码及其简单，如下
function shallowCompare(instance, nextProps, nextState) { return !shallowEqual(instance.props, nextProps) || !shallowEqual(instance.state, nextState); }
一目了然。分别拿现在props&state和要传进来的props&state，用shallowEqual比一比，要是props&state都一样的话，就return false，是不是感觉很完美？不。。这才刚刚开始，问题就出在shallowEqual上了
3）.shallowEqual的问题
shallowEqual引起的bug
很多时候，父组件向子组件传props的时候，可能会传一个复杂类型，比如我们改下。
render() { const {name,age,persons} = this.state return ( <div> ...省略..... {persons.map((person,index)=>( <Person key={index} detail={person}></Person> ))} </div> ) }
person是一个复杂类型。这就埋下了隐患，在演示隐患前，我们先说说shallowEqual，是个什么东西，shallowEqual其实只比较props的第一层子属性是不是相同，就像上述代码，props 是如下
{ detail:{ name:"123", age:"123"} }
他只会比较props.detail ===nextProps.detail
那么问题来了，上代码
如果我想修改detail的时候考虑两种情况
情况一，我修改detail的内容，而不改detail的引用
这样就会引起一个bug，比如我修改detail.name,因为detail的引用没有改，所以props.detail ===nextProps.detail 还是为true。
所以我们为了安全起见必须修改detail的引用，（redux的reducer就是这么做的）
情况二，我修改detail的引用
这种虽然没有bug，但是容易误杀，比如如果我新旧两个detail的内容是一样的，岂不是还要，render。所以还是不完美，你可能会说用深比较就好了，但是 深比较及其消耗性能，要用递归保证每个子元素一样。