React生命周期16版本

React生命周期16版本

1. 初始化阶段 - 自动执行

1. constructor    继承属性   定义状态   绑定事件this
      2. componentWillMount  
      3. render   生成vdom   计算 this.props  this.state 
      4. componentDidMount   数据请求  - 数据修改 - 获取真实DOM

2. 更新阶段 - 数据改变

1. componentWillReceiveProps  [ 属性改变才执行 ]  接收新属性,   判断组件属性是否改变,可以用于监听 
      2. shouldComponentUpdate   性能优化关键钩子函数   , 控制组件是否要更新 
      3. componentWillUpdate 
      4. render 
      5. componentDidUpdate  获得了更新后的真实dom

3. 销毁阶段

1. componentWillUnmount  组件销毁,  善后

4. 错误处理阶段

```
      1. componentDidCatch    记录错误信息和错误栈 、
      2. 功能实现降级UI

posted on 2019-12-03 09:55  是夏目呀  阅读(266)  评论(0编辑  收藏  举报

导航