react技术全家桶（5）jsx语法规则

jsx
1.全称：javascript xml
2.react定义的一种类似于xml的js扩展语法：js+XML
3.本质是react.createElement(component,props,…children)方法的语法糖
4.作用：用来简化创建虚拟DOM
5.写法：var ele =

hello jsx!

注意1.ele 不是字符串 所以不需要单引号 也不是HTML/XML标签
注意2.它最终产生的就是一个js对象。

语法：

1.标签中混入JS表达式时要使用{} 就是读取变量用{}
const myId = ‘aTguiGu’
const myData = ‘Hello,React88888888’
const VDOM = (

{myData}

        </h2>
    )

2.写入样式：

const VDOM = (

{myData}

        </h2>
    )

结果：

效果出来了 但是会有一个报错：