react优化部分immutable

immutable  结合componentShouldComponent  

state = {

　　counter:{number:0}

}

shouldComponentUpdate(nextProps,nextState){

    for(let key in nextState){

      if(this.state[key] !== nextState[key]){

        return true

      }

    }

    return false

  }

存在以下问题：

1.如果counter对象属性变了,但是对象没变，无法更新

2.如果counter对象变了，但是counter属性没变  却更新了

 

该更得不更新，不该更新得更了   这就是问题

 

浅比较：速度非常快，比较地址，缺点：无法准确的感知内容的变化

 

深比较：性能太差    return  !_.isEqual(this.state,nextState)    lodash的深克隆

 

目的：根据内容变化刷新，性能好    import {is,Map} from 'immutable'

state = {counter:Map({number:0})}

变化时 ： let counter=this.state.counter.update('number',val=>val+1)   

 

 

 

 

    if(Object.keys(this.state).length !== Object.keys(nextState).length)return true

    for(let key in nextState){

      if(!is(this.state[key],nextState[key])){

        return true

      }

    }

    return false

其实根本问题在于借助immutable的is方法进行比较了，我们是浅比较却做了深比较的事