1. react中事件绑定的几种方式
① render中用bind:
② constructor中用bind:this.onHandle = this.onHandle.bind(this);
③ render中用箭头函数:
④ 函数定义时就用箭头函数,直接绑定this实例:onHandle = () => {...}

对比:第1和3虽然写法简单,但是每次渲染都会重新绑定、生成新的匿名函数,有一定的性能开销,而且作为props传给子组件时,因为是新的值,还会导致子组件的重新渲染;第2种就是写法麻烦,多写代码;综合下来,最常用的就是第4种了。

你可能感兴趣的:(杂)