JSX：Javascript-Xml 语法规则

JSX：Javascript-Xml 语法规则

1.React定义的一种类似于XML的JS扩展语法

2.本质是React。createElement（component,propos,…children）方法的语法

3.作用：用来简化创建DOM

1. a.写法： var ele=<hq>Hello JSX!</h1>
2. b.注意1：他不是字符串，也不是HTML/XML标签
3.	c.注意2：他最终产生的就是一个JS对象

4.JSX语法规则

1. 定义虚拟DOM时，不要加引号""
2. 标签中混入JS表达式时要用{}
3. 样式的类名指定不要用class，要用className
4. 内联样式（行内样式），要用style={{key:value}}的样式
5. 虚拟DOM标签必须只有一个跟标签（所有标签都在一个里面包裹）
6. 标签必须闭合
7. 标签首字母
   （1）.若 小写字母开头，则将标签转化为HTML中同名元素，若HTML中该标签对应的无同名元素，报错。
   （2）. 若大写字母开头，React就去渲染对应的组件，若组件没有定义，则报错。一定注意区分：

【js语句（代码）】与【js表达式】

1. 表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方，下面这些都是表达式
   （1）a
   （2）a+b
   （3）demo（1）
   （4）arr.map()
   （5）function test（）{}
2. 语句（代码），下面这些都是语句：
   （1）if（）{}
   （2）for（）{}
   （3）switch（）{case}