首页 > 试题广场 >

Class内部有一handleClick方法如下代码块，在点

[单选题]

Class内部有一handleClick方法如下代码块，在点击事件中触发handleClick的正确方法是？ 

handleClick(){
     console.log('this.state:',this.state); 
 }


  • onClick={ () => this.handleClick()}
  • onClick={ this.handleClick()}
  • onClick={ this.handleClick}
  • onclick={ handleClick}
查看正确选项
添加回答
低级亡灵头像 低级亡灵
React类组件里面需要绑定this A使用箭头函数，直接获取上下文this，指向当前组件的实例 B绑定的是这个函数的返回值，而非函数本身。并且this可能会丢失 C绑定函数是正确的，但是没有考虑this D绑定的是静态方法，而handleClick是这个类的实例方法
发表于 2022-03-05 01:10:54 回复(0)
__sgf__头像 __sgf__
事件绑定this的方法有四种： （1）render方法中使用bind； （2）render方法中使用箭头函数；（3）constructor中bind； （4）定义阶段使用箭头函数绑定； 选项中只有第四种，所以选A
编辑于 2022-11-30 07:53:12 回复(0)
牛客669076760号头像 牛客669076760号
A选项不会在每次刷新时，刷新生成新的箭头函数吗？为啥不直接绑定用bin呢
发表于 2022-04-30 22:25:50 回复(1)
Momo_free头像 Momo_free

箭头函数YYDS，无脑用就行

选项 B：onClick={ this.handleClick()}点击之前就会触发handleClick()

选项 C：onClick={ this.handleClick}handleClick 方法中的 this 指向会丢失。

选项 D：onclick={ handleClick}应该是onClick

发表于 2025-03-17 15:57:39 回复(0)
都是小爷的头像 都是小爷的
没有考虑this的值
发表于 2023-05-10 00:57:03 回复(0)
提交观点

问题信息

上传者：小小
难度：
5条回答 1169浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号