React 之JSX语法

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>