1. JSX是一种语法糖
在JS内书写的HTML标签,就是一个JSX
2. JSX不能被浏览器直接解析,必须使用babel解析
3. JSX最后会被解析为(React对象,虚拟DOM)
React.createElement()
4. JSX和HTML的不同
4.1 JSX所有元素都是React对象,和HTML的DOM对象不一样
4.2 JSX内,HTML系列标签全小写,自定组件首字母大写
4.3 JSX只能有一个根节点
//面试题:为什么?
//因为React.createElement() 只能创建一个根节点的元素
4.4 JSX内所有JS关键字,必须换名,例: class -> className for -> htmlFor
4.5 JSX内的style不能使用字符串,必须给一个对象
<p style={ {color: 'red'} }>123</p>
4.6 JSX内HTML元素的事件,必须采用驼峰命名
例:onclick -> onClick