那么本篇就是你想要知道的
React中的事件
在React中事件的绑定是直接写在JSX元素上的,不需要通过addEventListener事件委托的方式进行监听
写法上:
在JSX元素上添加事件,通过...,针对this的绑定,将事件处理函数绑定到当前组件的实例上:以获取到父组件传来的props
以下几种方式可以确保函数可以访问组件属性
在构造函数中绑定 在constructor中进行this坏境的绑定,...prop传入子组件,必定会引起Render函数的渲染
所以出于性能的考虑,将this的绑定放在constructr函数中或者用类字段的语法来解决这种性能瓶颈问题
向事件处理程序中传递参数
在循环操作列表中...,连续每隔一定的时间触发执行的函数,它是优化高频率执行一段js代码的一种手段
特点: 不管事件触发有多频繁,都会保证在规定的间隔时间内真正的执行一次事件处理函数
应用场景: 常用于鼠标连续多次点击click...,监听滚动事件,连续下拉加载等请求服务器的资源
要节流,拧紧水龙头,要它的流水频率降低,每隔一段时间滴一滴水的,从而节省资源
在代码中的体现就是:设置一定时器,让核心功能代码,隔间段的去执行
下面是一个鼠标滚轮