XML

1.全称 Javascript XML

2.react定义的一种类似XML的JS扩展语法:JS+XML

3.本质是React.creatElement(component,props,...children)方法的语法糖

4.用来简化创建虚拟DOM

a.写法 var ele = Hello JSX

b.它不是他字符串，也不是HTML/XML

c.它最终产生的是一个JS对象

5.标签名任意，HTML标签或者其他标签

6.基本语法规则

a.定义虚拟DOM时,不要用引号

b.标签中混入JS表达式时用{}

c.样式的类名字指定不要用class,用className

d.内联样式,要用style="{{key:value}}"的形式去写

e.只有一个跟标签

f.标签必须闭合

g.标签首字母,若小字母开头,则将改标签转为html中的同名元素,html中无该标签的对应的同名元素,则报错

h.标签首字母,若是大写字母开头,react就去渲染对应的组件,若组件未定义则报错

7.注意区分,js表达式与js语句

a.表达式:一个表达式会产生一个值,可以放在任何需要的地方

1.a

2.a+b

3.demo(1)

4.arr.map()

5.function test()

b.语句

1.if(){}

2.for(){}

3..switch(){case:xxx}