React jsx
jsx
- 全称：javascript XML
- react定义的一种类似于XML的js拓展语法 本质是
...
React.createElement(component, {props}, ...children)的语法糖
... - 作用：用来简化创建虚拟DOM
- 写法：let el = <h1>hello jsx!</h1>
- 注意1：它不是字符串，也不是html/xml标签
- 注意2：它最终产生的就是一个js对象
- 标签名任意：html标签或其他标签
- 标签属性任意：html标签属性或其他属性
- 基本语法规则
- 遇到 < 开头的代码，以标签的语法解析，html同名标签转化为html同名元素，其他标签需要特别解析。
- 遇到 { 开头的代码，以js语法解析，标签中的js表达式必须以 { } 包裹7. babel.js的作用
- 浏览器不能直接解析jsx代码，需要Babel转化为纯js代码才可以
- 只要使用了jsx，都要加上type="text/babel"，声明需要babel来处理
渲染虚拟dom（元素）
- 语法：ReactDom.render(virtualDom, containerDom)
- 作用：将虚拟dom渲染到页面的真实容器dom上显示
- 参数说明：
- 参数1：纯js或jsx创建的虚拟dom
- 参数2：用来包含虚拟dom的真实dom元素对象（一般是一个div）
