1. 在class 中的constructor 函数中使用bind 绑定组件内函数的作用域,如下。
这样可以保证,整个文件里,该函数的作用域绑定只执行一次。且可以避免子组件的一些无必要的渲染。
constructor(props) {
super(props);
this.handleDelete = this.handleDelete.bind(this)
}
2. React 底层内置了setState 函数,它已经内置了性能提升的机制,是一个异步函数,且可以把多次操作合并为一个操作。
3. React 底层的虚拟Dom 概念,同层比对,以及key 值的概念。提升虚拟Dom比对的速度,从而提升React 性能。
4. 借助shoudComponentUpdate 生命周期函数,可以减少组件进行不必要的渲染,提升React 性能。