美文网首页
react组件间交互时处理this的三种方式

react组件间交互时处理this的三种方式

作者: 河东和河西 | 来源:发表于2018-04-25 10:42 被阅读0次

子组件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)};

亲测三种方法都可实现。

相关文章

网友评论

      本文标题:react组件间交互时处理this的三种方式

      本文链接:https://www.haomeiwen.com/subject/hzyelftx.html