jsx(3)-event事件参数

要获取event对象的化
如果不使用this，直接绑定函数就可以了。

image.png

绑定不绑定this和传递event没有关系。event是默认参数传递过来的。

掌握1：如果要使用this，又要使用event

方式1,2,3都可以：

 {/* 1.event参数的传递 */}
 按钮1(默认参数传递)
 按钮2（默认参数传递）
  this.btnClick(event)}>按钮3

而且这里传入的event对象，不是原生的event对象，是react拿到原生的event对象以后，react又做了一层包装。但是之前原生的event里面的对象，在这里面都是有的，直接调用就行。

掌握2：如果要传递额外参数

        {/* 2.额外的参数传递 */}
              
                按钮3(不推荐)
              

               this.btnClick(event, "why", 18)}>
                按钮4
              

使用bind传递的化，

    btnClick(event, name, age) {
          console.log("btnClick:", event, this);
          console.log("name, age:", name, age);
        }

event被传递到第三个参数的位置了。

image.png

这一点要注意，用bind的化，要这么写

  
                按钮3(不推荐)
              
    btnClick( name, age， event) {
          console.log("btnClick:", event, this);
          console.log("name, age:", name, age);
        }