ReactNative函数式组件优化实践
React 性能优化理念的主要⽅向简单概括为两个:
1. 减少重新 render 的次数。因为在 React ⾥最重(花时间最长)的⼀块就是 reconciliation(简单可以理解为 diff),如果不
render,就不会 reconciliation。
2. 减少计算的量。主要是减少重复计算,对于函数式组件来说,每次 render 都会重新从头开始执⾏函数调⽤。
关于类组件的渲染优化,普遍的⽅式主要是使⽤:shouldComponentUpdate 和PureComponent,解决思路都是减少重新 render 的次数(减少⽗组件更新⽽导致⼦组件更新)虽然也可以在 state 更新的时候阻⽌当前组件渲染,如果这么做,证明该属性不适合作为 state,⽽应作为静态属性或者全局变量。
减少重复 render
在函数式组件⾥⾯没有⽣命周期也没有类, 类似的优化可以使⽤ 来实现
<
简单理解reactnative开发
对标类组件⾥⾯的 PureComponent,可以减少重新 render 的次数。
解决的问题
⼦组件在 props 没有变化的情况下,⽗组件重新渲染,⼦组件也不应该渲染。
基本定义
< 在相同 props 的情况下渲染相同的结果,通过记忆组件渲染结果的⽅式提⾼组件性能。
将组件通过包装即可&#
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论