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;
}
相关文章
|
16天前
|
前端开发 JavaScript 开发者
shouldComponentUpdate/componentWillUpdate/componentDidUpdate 这三个生命周期方法的执行顺序是怎样的?
【10月更文挑战第27天】在React 17中,`componentWillUpdate` 已被标记为不安全的生命周期方法,不建议使用,推荐使用 `getSnapshotBeforeUpdate` 方法来替代它在某些特定场景下的功能。同时,React 17还对一些生命周期方法的执行时机和行为进行了一些调整和优化,以更好地适应现代前端开发的需求和提高性能。
37 3
|
16天前
|
前端开发 JavaScript 算法
shouldComponentUpdate 返回 false 会发生什么?
【10月更文挑战第27天】当 `shouldComponentUpdate` 返回 `false` 时,React 会跳过组件及其子组件的重新渲染,以提高性能,但开发者需要谨慎使用该方法,确保其不会影响组件的正确更新和界面的一致性。
30 2
|
2月前
手势代理 shouldBeRequiredToFailByGestureRecognizer 和 shouldRequireFailureOfGestureRecognizer 的区别
手势代理 shouldBeRequiredToFailByGestureRecognizer 和 shouldRequireFailureOfGestureRecognizer 的区别
79 10
|
4月前
|
SQL 开发框架 安全
【译】You probably should stop using a custom TaskScheduler
以更明确的方式控制并发 我认为并发控制(又称速率限制)是应用程序非常重要的方面,重要的方面应该是明确的。 TaskScheduler 相当低级别的工具,我宁愿拥有更高级别的工具。如果工作是 CPU 密集型的,那么 PLINQ 或类似 ActionBlock TPL DataFlow 的东西可能是更好的选择。 如果工作主要是 IO 绑定和异步的,那么可以使用 Parallel.ForEachAsync 或 Polly.RateLimiting 基于 的 SemaphoreSlim 自定义帮助程序类。 结论
52 3
|
6月前
|
前端开发 JavaScript 算法
shouldComponentUpdate 是做什么的?
shouldComponentUpdate 是做什么的?
175 0
|
前端开发
react中使用shouldComponentUpdate生命周期函数调用setState引起的无限循环的错误
react中使用shouldComponentUpdate生命周期函数调用setState引起的无限循环的错误
131 0
ES中 minimum_should_match 的用法和误区
ES中 minimum_should_match 的用法和误区
ES中 minimum_should_match 的用法和误区
|
机器人
DefaultRobotHWSim::initSim函数详解
DefaultRobotHWSim::initSim函数详解
DefaultRobotHWSim::initSim函数详解
|
监控 JavaScript 前端开发
angularJS学习小结——$apply方法和$watch方法
angularJS学习小结——$apply方法和$watch方法
109 0