react学习---day02--jsx的语法规则

react虚拟dom通过diff算法渲染成最终的dom;虚拟don依赖于jsx语法,所以进行react开发需要注意的是jsx的语法规则

1. 定义虚拟DOM是不能写引号(''),因为render函数会认为是字符串
2. 标签中运用JS表达式时要用{}
3. 在jsx中使用class="logo",应该写成className,class时js的保留字
4. 在jsx中使用样式的话要用style={{key:value}}的键值对,react会以对象的形式去取样式的减值对
5. 在render中只能有一个根标签
6. 标签必须闭合
7. 标签的首字母规范:

• • 若是小写字母开头,则必须是html中所有的同名元素,如果html中没有对应的元素会报错
  • 若是大写字母开头,代表是一个组件,react会去渲染对应的组件,如果该组件没有定义会报错