在JavaScript中,要让一个控件在方法中发送自己,可以使用以下方法:
this
,因此可以在方法中访问控件本身。class MyControl extends React.Component {
handleClick = () => {
console.log(this); // 这里的this指向MyControl组件实例
}
render() {
return<button onClick={this.handleClick}>点击我</button>;
}
}
bind
方法:在构造函数中使用bind
方法将this
绑定到方法中。class MyControl extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
console.log(this); // 这里的this指向MyControl组件实例
}
render() {
return<button onClick={this.handleClick}>点击我</button>;
}
}
onClick
事件处理器中使用匿名函数,并在其中调用方法。class MyControl extends React.Component {
handleClick() {
console.log(this); // 这里的this指向MyControl组件实例
}
render() {
return<button onClick={() => this.handleClick()}>点击我</button>;
}
}
在这些方法中,this
都指向了MyControl组件实例,因此可以在方法中访问控件本身。
领取专属 10元无门槛券
手把手带您无忧上云