通过内联方式添加事件,是不推荐的,然而在如今的一些面向数据编程,例如React,Vue等框架中,这一方式却得到了支持与延续,要从面向DOM编程转移到面向数据编程
React实现
import React...,只是关注点不一样了的
而在React中,我们可以发现,并没有操作DOM的过程,一切以数据为中心,数据是什么,页面就显示什么
并没有像JS,JQ一样获取元素,添加事件然后执行一些操作的动作....进行事件监听,在React中,它已经帮我们封装好了一些事件类型属性,当需要给某个元素监听事件的时候,只需要通过内联方式,React元素上加on*EventType就可以了,注意这里事件类型的写法,驼峰式命名法...也无需考虑浏览器的兼容性,这里要格外注意的是,这些 on*EventType的事件监听只能用在普通的 HTML 的标签上(div,input,p,a等原生浏览器支持的标签),而不能用在组件标签上。...也就是说, 这样的写法是不起作用的
如果想要做到这一点,在组件标签上监听事件起作用,也可以做到,就是结合第三方模块styled-components样式组件进行使用