赋予代码灵魂 , 追求极致性能

Hey guys, Here is Vtrois's Blog !

react组件中的手动绑定this

众所周知React.createClass与React.Component区别之一就是React.Component没有函数this自绑定,下文我们就来看看bind()方法是如何手动绑定this的。

先来看看MDN的定义,bind()方法:会创建一个新函数,当这个新函数被调用时,它的this值是传递给bind()的第一个参数, 它的参数是bind()的其他参数和其原本的参数.
通俗的解释bind(this),就是在创建新函数替换原函数,而这里的参数this就是新函数被调用时的this,如果bind(this)是处于当前组件,this就是指当前组件。
手动绑定this有三种 它们分别是

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

<div></div>

//使用bind来绑定

<div>this.handleClick()}></div>

//使用arrow function来绑定
“`

点赞

发表评论

电子邮件地址不会被公开。