ola-toolkit
Version:
ola 开发工具套件
67 lines (38 loc) • 922 B
Markdown
# bind
方法的上下文绑定装饰器，使 this 指向正确的对象
## 如何使用
在一个类中使成员方法中的 this 始终指向实例本身，即便这个方法被用做事件处理器
```javascript
import {bind} from 'ola-toolkit';
class Com extends React.Component {
handleClick() {
}
render() {
return <button onClick={ this.handleClick }></button>;
}
}
```
在之前这种情况下通常需要做如下处理
```javascript
class Com extends React.Component {
constructor() {
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
}
render() {
return <button onClick={ this.handleClick }></button>;
}
}
```
或者
```javascript
class Com extends React.Component {
handleClick() {
}
render() {
return <button onClick={ this.handleClick.bind(this) }></button>;
}
}
```