JSX介绍

1.简介

​ 什么是JSX：JSX=javascript xml就是Javascript和XML结合的一种格式。是 JavaScript 的语法扩展，只要你把HTML代码写在JS里，那就是JSX。JSX是Javascript的一种语法拓展
JSX是JavaScript XML简写，表示在JavaScript中编写XML格式代码（也就是HTML格式）

​ 在实际开发中，JSX 在产品打包阶段都已经编译成纯 JavaScript，不会带来任何副作用，反而会让代码更加直观并易于维护。
官方定义是：类 XML 语法的 ECMAScript 扩展。

React 对 HTML 的封装是 JSX 语言 。React 使用一种名为 JavaScript XML (JSX) 的特殊语法。 借助 JSX，你可将 HTML（或可能会创建的自定义组件）和 JavaScript 集成到一个文件中，甚至可以集成到单个代码行中。 通过使用 JSX，你可以依赖 JavaScript 语法来实现逻辑。 Visual Studio Code 为 JSX 文件提供 IntelliSense 功能，使用 React 时此工具会非常有用。

浏览器本机不支持 JSX。 因此，必须从 JSX 文件生成 JavaScript 和 HTML，才能由浏览器呈现它们。 有几种捆绑程序和其他工具可以执行所需完成的任务。 这些工具包括 Webpack、parceljs和 snowpack。 Snowpack，因为它不需要代码，也不需要额外编写脚本。

2.特点

JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。

​ 它是类型安全的，在编译过程中就能发现错误。

​ 使用 JSX 编写模板更加简单快速。

3.使用

在vue中使用jsx
在react中使用jsx
react中使用
react