jsx

vue3 中直接使用 JSX （ lang=“tsx“ 的用法）vite.config.ts 中plugins 中添加

react jsx基本语法，脚手架，父子传参，refs等详解react是一个渲染html界面的一个js库，类似于vue，但是更加灵活，写法也比较像原生js，之前我们写出一个完成的是分为html，js，css，现在我们使用react库我们把html和js结合在一起，在js中写html

酒茶白开水

React四官方文档总结一UI与交互React官网已经都是函数式组件文档，没有类组件文档，但是还是支持类组件这种写法。组件是 React 的核心概念之一，它们是构建用户界面（UI）的基础。React 允许你将标签、CSS 和 JavaScript 组合成自定义“组件”，即应用程序中可复用的 UI 元素。

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函数调用。