那么本篇就是你想要知道的
如果想阅读体验更好,可戳React学习(4)-理清React的工作方式,内有视频
从一个简单的React组件开始
我们先看一个加减数字框组件,具体效果如下所示,分别通过原生JS...});
$add.click(function() {
$input.val($nowVal++);
})
当然,你把事件添加在内联元素身上...对于简单的业务实现,是没有什么问题的,但是当DOM结构层级比较深,要进行一些复杂的逻辑操作时,此时,不断的操作DOM就变得非常恶心了的,这里并不是忽视原生JS,即使有了一些上层的框架简化了操作,但核心的逻辑代码编写仍然是要写的...也就是说, 这样的写法是不起作用的
如果想要做到这一点,在组件标签上监听事件起作用,也可以做到,就是结合第三方模块styled-components样式组件进行使用...,只会更改变化的数据部分,并且在给JSX添加事件监听时,使用on*EnentType的方式
并且这种事件的监听,它只作用于原生HTML元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方