【react踩坑系列】react中的绑定this，即bind（this)问题解法 (推荐阅读)

在调用this.setState()的时候出现了this为undefined的情况，如何处理。（四种写法，自己想到三种方法，网上看到一种ES6的写法，无需bind的写法，用箭头函数）

第一种：在ES6中可以在构造函数中，直接将当前组件（或者叫类）的实例与函数绑定。

如this.handleClick = this.handleClick.bind(this);

第二种：在方法编写结尾的时候绑定this，bind（this），如下图。

第三种：在方法调用的时候绑定this，如onClick={this.handleClick.bind(this)}。

图1

第四种：箭头函数，ES6中的写法，分为两种有参和无参数。直接上代码。

图2

调用的时候的写法：

图3

在没有用上箭头函数的时候，我个人比较倾向于第一种写法。

不过ES6还是要拥抱的。

作者：陈大冲
链接：https://www.jianshu.com/p/004b7f8452af
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。