React中绑定this的几种方式

1.第一种方式，直接用bind绑定

<div onClick={this.handleClick.bind(this)}>第一种方式</div>

bind可以不调用函数，第一个参数为当前作用域的this，后面的参数为函数调用时传递的参数。

2.在constructor构造函数里面更改引用

constructor(props){

    super(props)

    this.state = {}

    this.handleClick = this.handleClick.bind(this)

}

在render函数里

<div onClick={this.handleClick}>第二种方式</div>

该方式不能在事件绑定时传递参数，如果后面加括号的话会导致函数直接调用

3.利用箭头函数

<div onClick={()=> this.handleClick}>第二种方式</div>

利用箭头函数中没有this,箭头函数的this就是外部this这一特性