如何通过减少props改变实现React性能优化?
- 内容介绍
- 相关推荐
本文共计1961个文字,预计阅读时间需要8分钟。
React 性能优化的核心是减少 render 的次数。如果你的组件没有进行过特殊的处理(如使用 +SCU + shouldComponentUpdate 或 +PureComponent),那么每次父组件 render 时,子组件也会跟着一起被重新渲染。
React性能优化的一个核心点就是减少render的次数。如果你的组件没有做过特殊的处理(SCU -- shouldComponentUpdate或使用PureComponent),那每次父组件render时,子组件就会跟着一起被重新渲染。通常一个复杂的子组件都会进行一些优化,比如:SCU 使用PureComponent组件。对于SCU基本上进行的也都是浅比较,深比较的代价太高。
对于这些被优化的子组件,我们要减少一些不必要的props改变:比如事件绑定。
本文共计1961个文字,预计阅读时间需要8分钟。
React 性能优化的核心是减少 render 的次数。如果你的组件没有进行过特殊的处理(如使用 +SCU + shouldComponentUpdate 或 +PureComponent),那么每次父组件 render 时,子组件也会跟着一起被重新渲染。
React性能优化的一个核心点就是减少render的次数。如果你的组件没有做过特殊的处理(SCU -- shouldComponentUpdate或使用PureComponent),那每次父组件render时,子组件就会跟着一起被重新渲染。通常一个复杂的子组件都会进行一些优化,比如:SCU 使用PureComponent组件。对于SCU基本上进行的也都是浅比较,深比较的代价太高。
对于这些被优化的子组件,我们要减少一些不必要的props改变:比如事件绑定。

