jsx: 表达式
1 jsx 本身是一种表达式： const element = <h1> Hello world </h1>
2 属性表达式： <MyComponent foo={1 + 2 + 3 + 4 + 5} />
3 延展表达式： const progs = {firstName: "Ben",lastName: "Hector"}
const greeting = <Greeting {...porgrs}/>
4 表达式作为子元素： const element = <li>{progrs.message}</li> // 可迭代的
优点：
1 声明式创建界面
2 代码动态创建
原生： 小写开头 自定义组件： 大写开头
生命周期：
1 Render阶段
2 Pre-commit节点
3 Commit阶段
更新到界面之前要先创建
render: 描述ui的唯一方法。
当以一个组件：
状态：
constructor:
1 初始化 可以修改status
2