ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

React生命周期16版本

2019-12-03 10:05:01  阅读:12  来源: 互联网

标签:生命周期 render 16 React 阶段 组件 属性



 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



标签:生命周期,render,16,React,阶段,组件,属性
来源: https://www.cnblogs.com/hff-syt/p/11975000.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有