对于大型项目迭代开发,这种方式编写的代码会更容易的管理,因为React只是用作于视图UI层的渲染工作,我们关心的是渲染成什么样子,而不需要关心如何实现渲染,怎么进行DOM操作
这就好比在业界里有这么一句话...React,Vue,Angular之前,毫无疑问,JQ是最直观易懂的,但是当项目逐渐变得复杂庞大时,用JQ写出来的代码耦合度就没那么高了的,正是这样,也就诞生了一些requirejs以及Seajs解决一些问题...,但是使用JQ写出来的代码往往互相纠缠 如下图所示
使用React的方式,就可以避免构建这样复杂的程序结构,无论何种事件,引发的都是React组件的重新渲染,它只会修改数据变化的的DOM部分,并不需要去关心怎么去操作...,它已经帮我们封装好了一些事件类型属性(onClick,onChange,onFocus,obBlur等)
当需要给某个JSX元素监听事件的时候,只需要通过内联方式,在React元素上加on*EventType...也就是说, onClick={…} /> 这样的写法是不起作用的
如果想要在组件标签上监听事件起作用,也可以做到,就是结合第三方模块styled-components样式组件进行使用,是可以做到的