博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React绑定事件处理函数this的几种方法
阅读量:5316 次
发布时间:2019-06-14

本文共 441 字,大约阅读时间需要 1 分钟。

在以类继承的方式定义的组件中,为了能方便地调用当前组件的其他成员方法或属性(如:this.state),通常需要将事件处理函数运行时的 this 指向当前组件实例。

绑定事件处理函数this的几种方法:

第一种方法:

run(){

alert(this.state.name)

}
<button onClick={this.run.bind(this)}>按钮</button>

 

第二种方法:

构造函数中改变

this.run = this.run.bind(this);

run(){

alert(this.state.name)

}
<button onClick={this.run>按钮</button>

 

第三种方法:

run=()=> {
alert(this.state.name)
}

<button onClick={this.run>按钮</button>

转载于:https://www.cnblogs.com/wyanblog/p/10996366.html

你可能感兴趣的文章
两数和
查看>>
移动设备和SharePoint 2013 - 第3部分:推送通知
查看>>
SOPC Builder中SystemID
查看>>
MySQL数据库备份工具mysqldump的使用(转)
查看>>
NTP服务器配置
查看>>
【转】OO无双的blocking/non-blocking执行时刻
查看>>
ul li剧中对齐
查看>>
关于 linux 的 limit 的设置
查看>>
HDU(4528),BFS,2013腾讯编程马拉松初赛第五场(3月25日)
查看>>
vim中文帮助教程
查看>>
MySQL基础3
查看>>
云计算数据与信息安全防护
查看>>
RxJS & Angular
查看>>
面向对象(多异常的声明与处理)
查看>>
MTK笔记
查看>>
ERROR: duplicate key value violates unique constraint "xxx"
查看>>
激活office 365 的启动文件
查看>>
无法根据中文查找
查看>>
[简讯]phpMyAdmin项目已迁移至GitHub
查看>>
转载 python多重继承C3算法
查看>>