data作为参数,这个函数是一个纯函数,也可以称为是无状函数(函数式组件)
换而言之,类似这种只用作UI显示的函数,我们可以用无状态函数去定义,这在后续若使用了redux做公共数据管理时,把组件里面的state...,在组件挂载时设置一个定时器函数,自动更新时间,在组件卸载时,清除定时器,通过setState这个方法,实时更新state数据。...React组件的重新渲染,它只会修改数据变化的的DOM部分,并不需要去关心怎么去操作DOM
如下图所示
在React中,对JSX元素上添加事件,是通过on*EventType 这种内联方式添加的,不需要手动调用浏览器原生的...也就是说, 这样的写法是不起作用的
如果想要做到这一点,在组件标签上监听事件起作用,也可以做到,就是结合第三方模块styled-components样式组件进行使用...并不会引起整个浏览器的重绘和重排,只会更改变化的数据部分,并且在给JSX添加事件监听时,使用on*EnentType的方式
并且这种事件的监听,它只作用于原生HTML元素上,若放在自定义的组件上时,是不起作用的