在以类继承的方式定义的组件中,为了能方便地调用当前组件的其他成员方法或属性(如: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>

带参数的方法:

在用箭头函数的基础上用bind绑定this和要传的参数

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

最新文章

  1. Guidance of Set up FTP Server
  2. 工作总结_js
  3. XAF视频教程来啦,已出7课
  4. 堆表和%%lockres%%函数
  5. UnityShader之固定管线命令Combine纹理混合【Shader资料4】
  6. poj 3304线段与直线相交
  7. 非常陌生的cmake
  8. snmp4j 编程
  9. UI2_UIGesture
  10. xapian安装
  11. angular项目——小小记事本1
  12. 12.exception对象
  13. 201521123107 《Java程序设计》第3周学习总结
  14. 接口调用(发送http请求)
  15. Node.js_express_中间件 middleware_登录/注册实例源代码
  16. ES6模板字符串【${}配合反单引号一起用】
  17. 自学Python之路-django
  18. [NOI 2017]整数
  19. vue路由管理-保留滚动位置功能、按需加载模块名自定义
  20. 《Linux内核设计与实现》第18章读书笔记

热门文章

  1. 使用Git上传项目到Gitee
  2. bootstrap之编译CSS和Javascript-0基础安装grunt教程
  3. 关于Java的特点之继承
  4. list 的相关操作
  5. IO调度算法的理解(转载)
  6. 关于surface gradient
  7. https加载非https资源时不出现问题
  8. linux samba smb 在客户端无法连接使用
  9. idea常用的快捷键
  10. linux环境下安装nginx步骤(不错)