PhoneGap中文网

 找回密码
 立即注册
查看: 16134|回复: 1

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

[复制链接]

52

主题

528

帖子

1652

积分

金牌会员

Rank: 6Rank: 6

积分
1652
发表于 2018-9-19 21:05:39 | 显示全部楼层 |阅读模式


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


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


React绑定事件处理函数this的第一种方法:

  1.      run(){
  2.                 alert(this.state.name)

  3.           }

  4.           <button onClick={this.run.bind(this)}>按钮</button>
复制代码


React绑定事件处理函数this的第二种方法:


  1.         构造函数中改变

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


  3.          run(){

  4.                 alert(this.state.name)

  5.           }

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

复制代码


React绑定事件处理函数this的第三种方法:


  1.          run=()=> {

  2.                     alert(this.state.name)

  3.           }

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

  5.         
复制代码




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-10-14 04:48 , Processed in 0.053324 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表