React第一课

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