React高效的原因

1、使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。

2、DOM Diffing算法, 最小化页面重绘。

需要有序的引入相关js文件

type=text/babel 使用jsx

实践

代码演示:

注意：

有多个虚拟DOM不能采用这种方式：这种方式是覆盖不是追加

代码演示：

使用js创建虚拟DOM

如果需要多层标签就需要内嵌React.createElement

使用jsx就会很方便：