P3-P5:
P3:讲解jsx和js创建虚拟DOM的区别
1.react创建虚拟DOM的原理就是使用API:React.createElement()。
2.jsx的优势:可读性高。
P4:讲解虚拟DOM和真实DOM的区别
1.虚拟DOM是js中的object一般对象
2.通过debugger可以看到真实DOM拥有很多属性,虚拟DOM则拥有很少属性
P5:jsx语法
1.jsx = js + XML。
2.{}中写js语法。
3.类名要用className。
4.内联样式用{{}},不能直接写字符串。
5.连接单词改为小驼峰,比如fontSize,backgroundColor。
6.只能有一个根标签。
7.标签必须闭合。
8.标签首字母为小写:转为html同名元素,没有则报错
9.标签首字母为大写:渲染同名组件,没有定义则报错