React面试题:React如何判断什么时候重新渲染组件?

回答思路:组件状态什么时候会改变–>什么时候重新渲染组件–>讲一下shouldComponentUpdate

组件状态什么时候会改变?

当props改变时,或者直接通过setState方法改变state时,组件就会获取新状态

什么时候重新渲染组件

(1)state值发生改变时
(2)父组件重新渲染时
什么时候重新渲染组件详细请看此篇文章:(https://blog.csdn.net/laowang357/article/details/135102492?spm=1001.2014.3001.5502)

讲一下shouldComponentUpdate

(1)本质上shouldComponentUpdate是用来性能优化的,它允许我们手动控制组件的重新渲染,避免不必要的渲染,从而提升性能。(在react17被弃用
(2)默认情况下,组件的每次状态或属性发生变化时,React都会重新渲染组件。但是,在某些情况下,组件的重新渲染是不必要的,比如当组件的状态或属性没有发生变化时。这时,我们可以利用shouldComponentUpdate函数来判断是否需要重新渲染组件。
(3)这个方法默认返回true,所以需要重写shouldComponentUpdate方法根据实际情况返回true或false来通知React什么时候重新渲染什么时候跳过重新渲染

相关推荐

  1. react的render什么时候渲染

    2023-12-24 18:30:02       35 阅读
  2. React】在React如何渲染空格

    2023-12-24 18:30:02       20 阅读
  3. React面试

    2023-12-24 18:30:02       33 阅读
  4. 中级React面试

    2023-12-24 18:30:02       37 阅读
  5. React面试

    2023-12-24 18:30:02       40 阅读
  6. React面试

    2023-12-24 18:30:02       40 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-24 18:30:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-24 18:30:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-24 18:30:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-24 18:30:02       20 阅读

热门阅读

  1. 文盘Rust -- 本地库引发的依赖冲突

    2023-12-24 18:30:02       44 阅读
  2. 内网穿透之FRP

    2023-12-24 18:30:02       38 阅读
  3. uniapp点击tabbar之前做判断

    2023-12-24 18:30:02       50 阅读
  4. Program专栏启动计划

    2023-12-24 18:30:02       40 阅读
  5. 贪心算法高频问题-区间问题

    2023-12-24 18:30:02       35 阅读
  6. vue 项目 index.html 中使用环境变量

    2023-12-24 18:30:02       42 阅读
  7. 语音信号加密算法MATLAB仿真

    2023-12-24 18:30:02       44 阅读
  8. npm使用详解(好吧好吧是粗解)

    2023-12-24 18:30:02       40 阅读
  9. 机器学习之实验过程02

    2023-12-24 18:30:02       30 阅读