React学习笔记5. JSX语法规则

JSX

1. 全程 JavaScript XML
2. react定义的一种类似XML的JS扩展语法：JS+XML

jsx语法规则

1. 定义虚拟DOM时，不要写引号。
2. 标签重混入JS表达式时要用 {}。
3. 样式的类名指定不要用class，要用className。
4. 内联样式：要用 style={{key:value}} 的样式。
5. 虚拟DOM必须只有一个根标签。
6. 标签必须闭合。
7. 标签首字母：
   1. 若小写字母开头，则将标签转为html重同名元素，若html重无改标签对应的同名元素，则报错。
   2. 若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。