React 学习(3)
核心API——React.creatElement()方法
优点:将创建元素、添加属性和事件、添加内容和子元素等使用原生dom需要进行复杂操作才能实现的功能集成在一个API中。
1.该方法接收三个参数
第一个是要创建的元素的名称(小写是因为如果,大写开头会被react视为组件)
第二个是给这个标签添加的属性和事件(事件要小驼峰形式)
事件得是函数的定义,直接写aleert(123),会将函数执行完的结果作为onClick触发的事件,所以我们可以包裹一个箭头函数来解决这个问题。
第三个是元素的内容或者子元素
2.React元素不能修改
不能使用button.inner的原生dom方法来进行添加内容,只能创建新的React元素调用render方法进行重新渲染,不能修改只能替换,React元素会借助虚拟dom转化成真实dom在转化的时候会使用diff对比只替换dom变化的地方从而提高性能。