码迷,mamicode.com
首页 > 其他好文 > 详细

React.Component三种手动绑定this方法

时间:2020-03-01 21:57:50      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:绑定   col   mic   func   箭头   hand   super   bind   手动   

React.Component有三种手动绑定方法:

可以在构造函数中完成绑定
可以在调用时使用method.bind(this)来完成绑定
可以使用arrow function来绑定。

 

拿上例的handleClick函数来说,其绑定可以有:

1、构造函数绑定

    constructor(props) {
       super(props);
       this.handleClick = this.handleClick.bind(this); //构造函数中绑定
  }

2、调用时绑定method.bind(this)

<div onClick={this.handleClick.bind(this)}></div> //使用bind来绑定

3、arrow function箭头函数(调用处)绑定

<div onClick={()=>this.handleClick()}></div> //使用arrow function来绑定

  技术图片

 4、arrow function箭头函数(绑定处)调用

  技术图片

 

 

 

 

 

 

 

 

.

React.Component三种手动绑定this方法

标签:绑定   col   mic   func   箭头   hand   super   bind   手动   

原文地址:https://www.cnblogs.com/jianxian/p/12392152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!