React-性能优化pureComponent
发布时间:2020-12-15 20:25:03 所属栏目:百科 来源:网络整理
导读:每当store里有数据更新时,render()函数就会执行,有时候store的更新数据与本组件并没有关系,render()不必执行。 我们可以用shouldComponentUpdate来优化组件。 shouldComponentUpdate(nextProps,nextState){ if (nextState.Number == this .state.Number){
每当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管理数据,不然有坑。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |