JSX 的基础概述、优势与工作原理（babel解析为JS）

概念：

JSX 是 Js 与 XML（HTML） 的缩写，表示在Js 代码中编写HTML模板结构，它是react中编写UI模版的方式。

比如在 index.js 中的函数 App 中，写HTML代码，就是JSX的形式：

优势

兼顾

1、HTML的声明式嵌套标签模版的写法

2、 Js 的可编程能力，如在上述HTML代码中，可以识别变量，{ message } 可以直接渲染

JSX的工作原理：

 并不是标准的JS语法，它是JS的语法扩展，浏览器本身并不能识别，需要通过解析工具解析之后才能在浏览器中运行。