shouldComponentUpdate有什么作用

简介: shouldComponentUpdate有什么作用

shouldComponentUpdate这个声明周期函数有两个参数 第一个参数是更新后的props和更新后的state 这个函数会返回一个布尔值


当返回的是true的时候则允许render方法执行  当返回的值是false的时候则不允许render方法执行


我们可以通过返回true或false来减少不必要的render渲染从而提升性能


在这个函数中我们可以通过this.state或this.props拿到当前的state或props状态和nextState或nextProps更新后的新的state或props状态进行比较 来判断是返回true还是false来觉得render方法是否更新

shouldComponentUpdate(nextProps, nextState) {
  return true;
}
相关文章
|
1月前
|
JavaScript
Component name “header“ should always be multi-word
Component name “header“ should always be multi-word
|
10月前
|
前端开发 开发者 网络架构
Angular LOCATION_INITIALIZED Injection token 的作用介绍
Angular LOCATION_INITIALIZED Injection token 的作用介绍
|
3月前
|
C++
C/C++多重定义 Multi-defined解决方案
Error: L6200E: Symbol fTable multiply defined (by ../../build/system/StateMachine.LPC1768.o and ../../build/main.LPC1768.o).
|
3月前
|
前端开发 JavaScript 算法
shouldComponentUpdate 是做什么的?
shouldComponentUpdate 是做什么的?
96 0
|
8月前
(node)Warning: Accessing non-existent property ‘xxx‘ of module exports inside circular depen
(node)Warning: Accessing non-existent property ‘xxx‘ of module exports inside circular depen
|
JavaScript 前端开发 IDE
什么是ts,作用是什么
什么是ts,作用是什么
1057 0
ES中 minimum_should_match 的用法和误区
ES中 minimum_should_match 的用法和误区
ES中 minimum_should_match 的用法和误区
ts重点学习71-implement语句
ts重点学习71-implement语句
90 0
ts重点学习71-implement语句
|
JavaScript 前端开发 开发者
Component name “xxx“ should always be multi-word
Component name “xxx“ should always be multi-word
Component name “xxx“ should always be multi-word