React性能优化：如何有效减少props改变次数？

本文共计1953个文字，预计阅读时间需要8分钟。

React性能优化的一个核心点就是减少+render+的次数。如果你的组件没有进行过特殊的处理（如+SCU+或+shouldComponentUpdate+，或使用+PureComponent+），那么每次父组件+render+时，子组件也会跟着一起被重新渲染。

React性能优化的一个核心点就是减少render的次数。如果你的组件没有做过特殊的处理（SCU -- shouldComponentUpdate或使用PureComponent），那每次父组件render时，子组件就会跟着一起被重新渲染。通常一个复杂的子组件都会进行一些优化，比如：SCU 使用PureComponent组件。对于SCU基本上进行的也都是浅比较，深比较的代价太高。

对于这些被优化的子组件，我们要减少一些不必要的props改变：比如事件绑定。