JSX

什么是 JSX？

JSX 的直观影响就像是在 js 中编写 html 代码。但其实 JSX 是 JavaScript 的 语法扩展。

JSX 需要被 Babel 等工具进行转译，例如：

JSX

const element = <h1 id="title">hello react</h1>

转译

const element = React.createElement('h1', { id: 'title' }, 'hello react')

JSX 的本质上是 React.createElement 或 _jsx 函数的语法糖，执行后返回的是一个普通的 js 对象。