React生命周期16版本

梦想的初衷 提交于 2019-12-06 09:49:42

 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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!