JS,JQ中,通过内联方式添加事件,是不推荐的,然而在如今的一些面向数据编程,例如React,Vue等框架中,这一方式却得到了支持与延续,要从面向DOM编程转移到面向数据编程
React实现
import...结构只能有一个单一的根节点
Virtual(虚拟) DOM
元素(JSX)是构成React应用的最小砖块,它描述了你在在屏幕上看到的UI内容
与浏览器的DOM元素不同,React元素时创建开销极小的普通对象...它只会修改数据变化的的DOM部分,并不需要去关心怎么去操作DOM
如下图所示
在React中,对JSX元素上添加事件,是通过on*EventType 这种内联方式添加的,不需要手动调用浏览器原生的 addEventListener...React数字框组件应用开始,分别用原生JS,JQ,React进行了实现,在React中UI视图取决于render函数返回的内容,数据是什么,就让页面显示什么,无需关注DOM操作,并且React引入了虚拟...on*EnentType的方式
并且这种事件的监听,它只作用于原生HTML元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方styled-components模块的,后续单独拿一篇幅来说也不为过的