react事件解析，class,hooks事件传参剖析

文章目录 class类型的事件剖析事件不传参事件传参1.bind-this2.方法2 hooks 事件

class类型的事件剖析 事件不传参

onClick={this.tfn}
事件不传参

tfn = (e) => {
  console.log('事件不传参');
}

事件传参 1.bind-this

总结：onClick={this.clickfn.bind(this, params)} clickfn(params, this)

事件传参-bind.this
clickfn = (a, b, e) => {
  console.log('a, b, e: ', a, b, e);
}

2.方法2

onClick={(e)=>this.fn(params)}

this.clickfn2(11, 22)}>事件传参

clickfn2 = (a, b) => {
  console.log('a, b: ', a, b);
}

hooks 事件

去除this, 跟class一样

onClick={fn1}
onClick={fn.bind(this, params)}
onClick={() => fn2(1)}