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的语法扩展,浏览器本身并不能识别,需要通过解析工具解析之后才能在浏览器中运行。