React-性能优化pureComponent

  每当store里有数据更新时,render()函数就会执行,有时候store的更新数据与本组件并没有关系,render()不必执行。

  我们可以用shouldComponentUpdate来优化组件。

shouldComponentUpdate(nextProps,nextState){
      if(nextState.Number == this.state.Number){
        return false
      }
  }

  但是每个组件都用shouldComponentUpdate会比较麻烦,还可以用另一种方法:用PureComponent代替Component。

  PureComponent改变了生命周期方法shouldComponentUpdate,并且它会自动检查组件是否需要重新渲染。这时,只有PureComponent检测到state或者props发生变化时,PureComponent才会调用render方法,因此,我们不用手动写额外的检查。

  注意:用PureComponent要用imuutable.js管理数据,不然有坑。

猜你喜欢

转载自www.cnblogs.com/superlizhao/p/9491682.html