React 性能调优记录(下篇),如何写高性能的代码

react性能非常重要,性能优化可以说是衡量一个react程序员水平的重要标准。

减少你的渲染

这个大家都明白,只要是父组件中用了子组件,子组件就算没用prop也会进行依次渲染,
可以用pureComponent 或者 shouldComponentUpdate来控制渲染数量,
pureComponent 要注意它是浅比较,如果你的prop是对象,你该对象的值是不会触发子组件渲染的,要改内存地址
也就是把整个对象给替换了,比如说

当然也可以使用Immutable.js也可以,不过写法有些繁琐,个人不喜欢
shouldComponentUpdate 放在下一节生命周期来讲

少用生命周期

看过官方文档因为感觉的到,官方是强力推荐用无状态组件的,我想其中一部分原因就是生命周期的问题

猜你喜欢

转载自www.cnblogs.com/wzcsqaws/p/10870741.html
今日推荐