React 事件 和 方法

一、方法的声明

方法声明的位置和constructor同级。

1、普通方法

    //普通方法  this指针undefined   
    sendMsg = function () {
   
        console.log("事件执行", this);
    }

this指针undefined。

要想this指向当前组件，需要在调用事件方法时绑定this。

<button onClick={
   this.sendMsg.bind(this)}>按钮普通方法</button>

或者在constructor里边绑定this。

//给事件的普通方法绑定this
this.sendInfo = this.sendInfo.bind(this);

2、箭头函数

    //箭头函数方法  上下文this保持一致  指向当前组件
    sendData