JSX语法需要bable进行编译，React.createElement()

JSX为我们提供了创建react元素方法（React.createElement(component, props, …children)）的语法糖（syntactic sugar）。上面的代码实质上等价于：

import ReactDOM from 'react-dom'
var element = React.createElement(
    "h1",
    null,
    "Hello, world!"
)

所以 HTML的所有的信息我们都可以用合法的 JavaScript 对象来表示的。

    "div",
    null,
    React.createElement(
        "h1",
        { className: 'title' },
        "React"
    )
)

嵌入变量

大括号内可以写入变量，数字，求值表达式…

let obj = {
    age:24,
    tal:13947368104
}
let ele = <p>
    {name}<br />
    {obj.age}<br />
    <span>{male ? '男' : '女'}</span>

注释