1. JSX 是 JavaScript 的语法扩展

2. JSX 需要编译

浏览器本身并不理解 JSX，因此需要一个编译步骤将 JSX 代码转换为纯 JavaScript。

常用工具 Babel 完成。

• 3 . JSX 和 JavaScript 表达式

在 JSX 代码中，你可以直接嵌入 JavaScript 表达式。使用花括号 {} 来插入 JavaScript 表达式：

jsx

const name = 'World';
const element = <h1>Hello, {name}!</h1>;

这个代码片段中的 {name} 将被 JavaScript 表达式 name 的值 'World' 替代，最终渲染成 Hello, World!。