DEV Community
·
学习React - 使用JSX编写标记
💡
原文约300字/词，阅读约需1分钟。
📝
内容提要
JSX允许在JavaScript中使用类似HTML的语法，但有几个关键区别：使用className代替class，所有标签必须闭合，JS表达式需用{}包裹。
🎯
关键要点
- JSX允许在JavaScript中使用类似HTML的语法，但有几个关键区别。
- 使用className代替class，因为class是JavaScript的保留字。
- 所有JSX标签必须闭合，包括在HTML中不需要闭合的标签。
- JSX接受用{}包裹的JavaScript表达式，但不接受语句（如if、for）。
- JSX的基本结构需要一个单一的父元素。
- 在技术面试中，JSX被定义为一种扩展JavaScript的语法，允许将用户界面写成类似HTML的形式，同时集成JavaScript逻辑。
- JSX与HTML的主要区别包括使用className、标签必须闭合以及JS表达式的使用方式。
❓
延伸问答
JSX是什么？
JSX是一种扩展JavaScript的语法，允许将用户界面写成类似HTML的形式，同时集成JavaScript逻辑。
JSX与HTML有什么主要区别？
JSX与HTML的主要区别包括使用className代替class、所有标签必须闭合，以及JS表达式需用{}包裹。
在JSX中如何使用JavaScript表达式？
在JSX中，JavaScript表达式需用{}包裹，但不接受语句，如if或for。
JSX的基本结构要求是什么？
JSX的基本结构需要一个单一的父元素，所有内容必须包裹在一个父元素中。
为什么在JSX中使用className而不是class？
因为class是JavaScript的保留字，所以在JSX中使用className来代替。
在技术面试中，如何定义JSX？
在技术面试中，JSX被定义为一种扩展JavaScript的语法，允许将用户界面写成类似HTML的形式，同时集成JavaScript逻辑。
➡️
