【React自制全家桶】六、React性能优化（持续更新总结）

一、通过虚拟DOM来提升性能（自动）

　　　　底层讲解见【React自制全家桶】二、分析React的虚拟DOM和Diff算法

 

二、将多次setState合并为一次执行（自动）

　　　　底层讲解见【React自制全家桶】二、分析React的虚拟DOM和Diff算法

 

三、将bind绑定放置在constructor上（手动）

constructor(props){ // 继承 super(props); //保障只执行一次，减少无谓渲染 this.handleDelete = this.handleDelete.bind(this); }

四、在子组件中设置shouldComponentUpdate()函数（手动）

shouldComponentUpdate(nextProps,nextState){ // 提升性能 //nextProps为下一个Props将变化成的值 if(nextProps.content !== this.props.content){ return true; }else{ return false; } }

　　

转载于:https://www.cnblogs.com/piaobodewu/p/9406107.html

相关资源：数据结构—成绩单生成器