React 中 PureComponent 和 Component 区别

2022-03-01 17:24:36 浏览数 (2)

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 进行一个浅比较来判断需不需要重新渲染子组件,这就在某种程度上提升了性能

0 人点赞