jsx

react18【系列实用教程】JSX （2024最新版）JSX 给 HTML 赋予了 JS 的编程能力JSX 是 JavaScript 的语法扩展，浏览器本身不能识别，需要通过解析工具（如babel）解析之后才能在浏览器中运行。

React 快速入门：掌握前端开发的核心技能React 的雏形在 Facebook 内部首次出现。由于当时 Facebook 的前端代码越来越复杂，开发团队感受到了传统的 MVC（Model-View-Controller）框架的局限性，开始探索一种更加灵活和高效的前端开发方式。所以 React 就出现了。

【React系列】JSX核心语法和原理本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?__biz=Mzg5MDAzNzkwNA==&action=getalbum&album_id=1566025152667107329)

JSX看着一篇足以入门学习目标：能够理解什么是 JSX，JSX 的底层是什么概念： JSX 是 javaScriptXML(HTML) 的缩写，表示在 JS 代码中书写 HTML 结构作用：在 React 中创建 HTML 结构（页面 UI 结构）优势： 1. 采用类似 HTML 的语法，降低学习成本，会 HTML 就会 JSX 2. 充分利用 JS 自生的可编程能力创建 HTML 结构注意： JSX 并不是标准的 JS 语法，是 JS 的语法扩展，浏览器默认是不识别的，脚手架中内置的@babel/plugin

React核心概念在 React 中，使用 JSX 来描述页面。使用 JSX 来描述页面时，有如下的一些语法规则：JSX 是一种 JavaScript 的语法扩展，Babel 会把 JSX 转译成名为React.createElement函数调用。