React中的JSX：在JavaScript中编写HTML的解释
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
JSX（JavaScript XML）是JavaScript中的一种语法扩展，允许编写HTML，使React组件更易读。使用JSX时，需有一个父元素，JavaScript表达式用{}包裹，使用className代替class，并自闭合元素如<img />。
🎯
关键要点
- JSX（JavaScript XML）是JavaScript中的一种语法扩展，允许在JavaScript中编写HTML。
- JSX使React组件更易读和富有表现力。
- JSX的语法规则包括：必须有一个父元素。
- 使用className代替class，因为class是JavaScript中的保留关键字。
- JSX中的表达式必须用{}包裹。
- 没有子元素的标签应自闭合，如<img />。
- JSX可以在其中使用JavaScript，例如动态内容和调用函数。
- JSX在底层编译为React.createElement()，使编写React更简单。
➡️
