那么本篇就是你想要知道的
React中的事件
在React中事件的绑定是直接写在JSX元素上的,不需要通过addEventListener事件委托的方式进行监听
写法上:
在JSX元素上添加事件,通过...undefined
解决这个问题:
一种是如上面的在构造器函数中进行this坏境的绑定,这种方式是React官方推荐的,也是性能比较好的
第二种方式是直接在JSX上,Render中通过bind方法进行this...所以出于性能的考虑,将this的绑定放在constructr函数中或者用类字段的语法来解决这种性能瓶颈问题
向事件处理程序中传递参数
在循环操作列表中,有时候要实现某些操作,我们需要向事件处理函数传递一些额外的参数...,函数名往往要加上一个圆括号,而在JSX 中给React元素绑定事件处理函数时,一个不小心,就习惯给加上了的
这就会造成,每次组件渲染时,这个函数都会被调用,会引起不必要的render函数渲染,将会引起性能问题...假如这是一个表单的提交按钮,你点击多少次,就向服务器请求多少次,这显然是有问题的,如果你用函数的节流就很好解决这个问题
上面说完了React的函数节流,那么函数防抖又怎么实现呢?