JSX通过翻译器转换为纯JS再由浏览器执行
JSX只是创建虚拟DOM的一种语法格式而已
JSX是JavaScript的一种扩展语法,是一种标签语法。
JSX是HTML和JavaScript混写的语法,当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析
用 花括号 把任意的 JavaScript 表达式 嵌入到 JSX 中
用<>把html嵌入到JSX中
const element = (
<h1>
Hello, {formatName(user)}!
</h1>
);
由于JSX只是一种语法,因此JavaScript的关键字class, for等也不能出现在XML中,而要如例子中所示,使用className, htmlFor代替
<label className="xxx" htmlFor="input">content</label>