子组件input框触发onChange方法时,实际调用父组件上changeHandle方法,如直接在onChange方法中调用this.aaa,则this指向window。不能正确实现想要的效果。改变this有三种方法:
1、用箭头函数


在箭头函数(e)=>this.aaa(e)中调用。
2、在构造函数中用bind方法绑定
constructor(props){
super(props);
this.aaa=this.aaa.bind(this)
}
onChange={this.aaa};
3、在onChange方法中用bind方法绑定
onChange={this.aaa.bind(this)};
亲测三种方法都可实现。
网友评论