react 函数的绑定

fn(e){

 console.log(e.target.value)

}

<Input onChage={this.fn.bind(this)}> 方法一  //需要绑定this 不需要传e

<Input onChage={(e) => this.fn(e)}>  方法二//箭头函数不用绑定this 需要传参数e

 

react三种绑定函数的方式

一在构造函数中绑定

constructor(){

 this.fn = this.fn.bind(this) //好处constructor这个生命周期只执行一次 绑定一次之后就不需要每次使用函数都绑定

}

<input onChange={this.fn}>

 

二箭头函数this指向函数定义时所在环境

<input onChange={（）=>this.fn}>

 

 

三用bind绑定

<input onChange={this.fn.bind(this)}>