美文网首页
onClick={() => this.handleClick(

onClick={() => this.handleClick(

作者: 红了白 | 来源:发表于2019-11-08 15:06 被阅读0次

onClick={这里是一个匿名函数或者函数引用}所以:

onClick = {this.handleClick(i)}这里包裹的函数其实是一个自执行函数,浏览器执行到这里的时候,handleClick函数会立即执行,并不需要点击才能触发。

onClick={() => this.handleClick(i)},onClick={this.handleClick},这两个函数都不是自执行函数,所以点击的时候才会触发,这两者的区别在于,点击的时候onClick={() => this.handleClick(i)}会执行一个匿名函数(箭头函数),再这个函数里调用传参函数(this.handleClick(i));然而onClick={this.handleClick}是直接调用了this.handleClick

总结一下:

this.handleClick(i),this.handleClick都是函数引用。

————————————————

版权声明:本文为CSDN博主「follow-heart」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/sinat_43050580/article/details/89353542

相关文章

网友评论

      本文标题:onClick={() => this.handleClick(

      本文链接:https://www.haomeiwen.com/subject/khtwbctx.html