那么本篇就是你想要知道的
从一个简单的React组件应用开始
我们先看一个加减数字框组件,具体效果如下所示,分别通过原生JS和JQ是怎么实现的
原生JS实现
DOM结构
<button...,只是关注点不一样了的
而在React中,我们可以发现,并没有操作DOM的过程,一切以数据为中心,数据是什么,页面就显示什么
并没有像JS,JQ一样获取元素,添加事件然后执行一些操作的动作....进行事件监听,在React中,它已经帮我们封装好了一些事件类型属性(onClick,onChange,onFocus,obBlur等)
当需要给某个JSX元素监听事件的时候,只需要通过内联方式,在React...的编程模式是函数式编程来解决用户界面渲染问题的,也称为面向数据编程,一切皆是JS,基于组件开发模式,这在以后的React编码中将会体会越来越深
结语
本文主要从一个简单的React数字框组件应用开始,...,本质上就是一js对象,当进行视图的改变时,当React的子元素内容发生改变时,并不会引起整个浏览器的重绘和重排,只会更改变化的数据部分,并且在给JSX添加事件监听时,使用on*EnentType的方式