首页 > 其他 > 详细

React生命周期16版本

时间:2019-12-03 11:51:08      阅读:75      评论:0      收藏:0      [点我收藏+]

?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

React生命周期16版本

原文:https://www.cnblogs.com/hff-syt/p/11975000.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!