JSX是一种JavaScript的语法扩展、是一种嵌入式的类似XML的语法,常应用于React框架中,但也不仅限于此。应该说JSX因React框架而流行,但也存在其他的实现。只要你够厉害,甚至能在单片机上实现(当然你要自己写出它的实现方式)。
-
定义虚拟DOM时,不要写引号
-
标签中混入JS表达式时要用{}
-
样式的类名指定不要用class,要用className
-
内联样式,要用style={{key:value}}的形式(
双{}代表对象,单{}代表表达式
)去写 -
只有一个跟标签(整个虚拟DOM在外层有且仅有一个容器包裹)
-
标签必须闭合
-
标签首字母若是
小写字母开头,
则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则报错
;若是大写字母开头,
react就去渲染对应组件,若组件没有定义,则报错