【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;
    }
}