React组件及状态(下)

state

初始化

this.setState

1. this.setState的正确使用
2. 异步性
3. 同步性
4. this.setState的回调形式

React的核心思想是组件化编程，组件的定义可以通过下面公式进行描述。

组件的特性

1. 封装（encapsulation）
2. 关注点分离(Separation of Concerns)
3. 复用(Reuse)
4. 组合(Compose)

React开发难点

语法简洁、思维难变

组件的创建方式

• 类组件
• 函数式组件

组件数据

1. props （外部控制）
2. state（自身状态）
3. context (全局变量）

Props

1. 只读
2. 设置属性默认值
3. 属性类型校验
4. React.Children.map

时间关系，本小节拆分成两部分。

群名称：前端交流群
群 号：538631558