react的父级组件的render函数重新渲染会引起子组件的render方法的重新渲染。但是,有的时候子组件的接受父组件的数据没有变动。子组件render的执行会影响性能,这时就可以使用shouldComponentUpdate来解决这个问题。
shouldComponentUpdate 这是一个需要返回布尔值的生命周期,可以理解为疑问句 "组件本身需要被重新渲染吗?"
例如:
shouldComponentUpdate (){
if(子组件原数据 == 子组件现在接收的数据){
return false;
}else{
retuen true;
}
}
从而达到没必要重新渲染的子组件,阻塞掉父子render变化引起的子组件render的变动,提升性能!
react性能优化之生命周期函数shouldComponentUpdate
最新推荐文章于 2024-01-02 14:54:07 发布