前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React 中 PureComponent 和 Component 区别

React 中 PureComponent 和 Component 区别

原创
作者头像
小鑫
修改2022-03-01 17:24:36
6830
修改2022-03-01 17:24:36
举报
文章被收录于专栏:小鑫の随笔小鑫の随笔

PureComponent 和 Component差不多,但是 PureComponent 会通过 prop 和 state 的浅比较来实现shouldComponentUpdate,某些情况下可以用 PureComponent 提升性能。

PureComponent 不仅会影响本身,而且会影响子组件,所以PureComponent 最佳情况是展示组件

假设现在有 Index、Example 两个组件。

Index 为父组件,Example 为子组件。

1、父组件继承 Component ,子组件继承 Component,每次父组件的 prop、state 更新,都会更新 Index、Example 组件。

2、父组件继承 Component,子组件继承 PureComponent,初始化的时候渲染 Index、Example 组件,当父组件发生变化,子组件会对前一次的 state、props 进行一个浅比较来判断需不需要重新渲染子组件,这就在某种程度上提升了性能

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • PureComponent 不仅会影响本身,而且会影响子组件,所以PureComponent 最佳情况是展示组件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档