那么本篇就是你想要知道的
如果想阅读体验更好,可戳React学习(4)-理清React的工作方式,内有视频
从一个简单的React组件开始
我们先看一个加减数字框组件,具体效果如下所示,分别通过原生JS...,可以阅读之前两篇JSX的文章的
对于JS,JQ的实现方式,主要工作是在操作DOM,获取元素,添加事件,执行操作。...对于简单的业务实现,是没有什么问题的,但是当DOM结构层级比较深,要进行一些复杂的逻辑操作时,此时,不断的操作DOM就变得非常恶心了的,这里并不是忽视原生JS,即使有了一些上层的框架简化了操作,但核心的逻辑代码编写仍然是要写的...React的工作方式及优点
在没有组件化React,Vue,Angular之前,毫无疑问,JQ是最直观易懂的,但是当项目逐渐变得复杂庞大时,用JQ写出来的代码耦合度就没那么高了的,正是这样,也就诞生了一些...它只会修改数据变化的的DOM部分,并不需要去关心怎么去操作DOM
如下图所示
在React中,对JSX元素上添加事件,是通过on*EventType 这种内联方式添加的,不需要手动调用浏览器原生的 addEventListener