前言
React中的事件处理.jpg
props与state都是用于组件存储数据的一js对象,前者是对外暴露数据接口,后者是对内组件的状态,它们决定了UI界面显示形态,而若想要用户与界面有些交互动作...})
而在React中事件处理和内联方式相似,但是却有些不同
如何确保函数可以访问组件的属性?...那么本篇就是你想要知道的
React中的事件
在React中事件的绑定是直接写在JSX元素上的,不需要通过addEventListener事件委托的方式进行监听
写法上:
在JSX元素上添加事件,通过...,针对this的绑定,将事件处理函数绑定到当前组件的实例上:以获取到父组件传来的props
以下几种方式可以确保函数可以访问组件属性
在构造函数中绑定 在constructor中进行this坏境的绑定,...函数的渲染
所以出于性能的考虑,将this的绑定放在constructr函数中或者用类字段的语法来解决这种性能瓶颈问题
向事件处理程序中传递参数
在循环操作列表中,有时候要实现某些操作,我们需要向事件处理函数传递一些额外的参数