JSX！

首先让我告诉你什么是JSX！

JSX（JavaScript XML）是 JavaScript 的语法扩展。它与 React 一起使用，用于描述 UI 的外观。JSX 可能让你想起一种模板语言，但它拥有 JavaScript 的全部功能。

以下是一个例子：

const element = <h1>Hello, world!</h1>;

它与 HTML 语法非常相似。🐱‍👤

为什么我们需要 JSX？

React 接受了这样一个事实：渲染逻辑本质上与其他 UI 逻辑耦合：如何处理事件、状态如何随时间变化以及如何准备数据以供显示。

React不是通过将标记和逻辑放在单独的文件中来人为地分离技术，而是通过包含标记和逻辑的松散耦合单元（称为“组件”）来分离关注点。〜React 😎

• 这是 React 开发人员在它首次发布时所说的内容，在我看来，这是 JavaScript 的一个非常有用的语法扩展，它使得在非常大的代码库中配置和管理变得非常容易。

• 它使我们更容易创建模板。

HTML 和 JSX 之间的主要区别

1) HTML 是一种超文本标记语言，是设计用于在网络浏览器中显示和查看网页的文档的标准标记语言。

2）JSX JSX（JavaScript + XML）是 JavaScript 的扩展，允许您直接在 JavaScript 中编写 HTML

3) HTML 元素具有属性，而 JSX 元素具有 props。

JSX 中的属性

JSX 允许我们像在普通 HTML 中一样在 HTML 元素中使用属性。不过，JSX 的属性命名方式与 HTML 的常规命名约定不同，它采用驼峰命名约定。

这是对 JSX 主要用途的基本预览，如果您想深入了解这个主题，请查看以下博客

https://reactjs.org/docs/introducing-jsx.html

奖金表情包😂

编码愉快🚀