onClick={this.handleClick()} 与 onClick={this.handleClick}，onClick={ () => { this.handleClick()} }的区别

最新推荐文章于 2024-05-06 13:01:00 发布

BBbila

最新推荐文章于 2024-05-06 13:01:00 发布

阅读量1.5k

点赞数 3

分类专栏：问题解决文章标签： onClick

本文链接：https://blog.csdn.net/qq_40610760/article/details/103596519

版权

问题解决专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<body>
   <button onClick={ this.handleClick() / this.handleClick  / ()=> {this,handleClick()} }></button>
   <script>
    handleClick() {
        console.log("111")
    }
   </script>
</body>

onClick={ this.handleClick() }

这里handleClick是自执行函数，不需要点击就会立即执行。（刷新页面，控制台就会输出"111"）

onClick={ this.handleClick }

点击后，立即执行该函数

onClick={ （） => { this.handleClick() } }

点击后，立即执行匿名函数，在函数里，调用handleClick函数。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BBbila

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
onClick={this.handleClick()} 与 onClick={this.handleClick}，onClick={ () => { this.handleClick()} }的区别

<body> <button onClick={ this.handleClick() / this.handleClick / ()=> {this,handleClick()} }></button> <script> handleClick() { console.log("111") }...
复制链接

扫一扫