JSX 介绍

学习目标： 能够理解什么是 JSX，JSX 的底层是什么
概念： JSX 是 javaScriptXML(HTML) 的缩写，表示在 JS 代码中书写 HTML 结构
作用： 在 React 中创建 HTML 结构（页面 UI 结构）
优势：
 1. 采用类似 HTML 的语法，降低学习成本，会 HTML 就会 JSX
 2. 充分利用 JS 自生的可编程能力创建 HTML 结构
注意：
  JSX 并不是标准的 JS 语法，是 JS 的语法扩展，浏览器默认是不识别的，脚手架中内置的@babel/plugin-transform-react-jsx 包，用来解析该语法，将声明式的 JSX 解析为命令式的函数调用