匿名绑定对性能的影响数据说话

35次阅读

共计 221 个字符,预计需要花费 1 分钟才能阅读完成。

实验

线上 demo: https://codesandbox.io/s/4j3k…
首次进页面 render 结果

state 变化后的结果

结果总结

组件 绑定方式 结果 (首次 render 次数) 不涉及当前组件组件父组件 state 变化后 render 次数
class 组件 非箭头函数函数 1 次 1 次
class 组件 箭头函数函数 1 次 1 次
pureclass 组件 箭头函数 1 次 1 次
pureclass 组件 非箭头函数 1 次 0 次

结论

非匿名函数 + pureComponent 组件能优化性能

原理

正文完
 0