react事件的绑定简介

事件的绑定

1.事件响应试写法

1. 在一个按钮里面写入一个直接的箭头函数，但是这样的形式难以维护

   这个函数里面的this和外面的this是一样的，和rander一致的

   列 <button onClick={()=>{}}> add1</button>

2. 写成一个函数，通过this来进行引用

   add2

   handleClick(){

   console.log(1);

   }

3. 同样是写成一个函数，但是这个函数里面是一个箭头函数

   add2

   handleClick2=()=>{

   console.log(2);

   }

4. 写成一个箭头函数的形式，里面放入函数，通过this来使用（这一种方法比较容易维护并且里面的this是指定的）

   <button onClick={()=>{this.handleClick3()}}></button>

2.改变this指向

1.改变this指向的方法

call（修改this的指向，自动执行），apply，bind（修改this的指向，不会自动执行，函数调用需要加小括号）

2.找到函数里面的this就需要进行bind帮助，找到里面的this对应

2.react事件的绑定和原生的js绑定的区别

reat的事件绑定没有绑在一个具体的dom节点上，采用的事件代理的方式，占用内存非常小

reat里面的对象不是浏览器自己提供的，而是他内部所构建的

evt能拿到自己的对象