Jsx快速理解

什么是JSX

概念：JSX是JavaScript和XML的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式

 为什么要这样做哪？因为这样可以发挥JS的可编程能力，又可以享受HTML的声明式模板写法

JSX的本质

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

 JSX中使用JS表达式

在JSX中可以通过大括号语法{}识别JavaScript中的表达式，比如常见的变量，函数调用，方法调用等等

Jsx应用

Jsx的列表渲染，在JSX中可以使用原生JS中的map方法遍历渲染列表

在React中，可以通过逻辑与运算符 &&，三元表达式?实现基础的条件渲染