首页 > 其他 > 详细

react 生命周期

时间:2019-07-31 13:01:11      阅读:66      评论:0      收藏:0      [点我收藏+]

react组件的生命周期

初始化开始到结束的过程,每个react组件都有生命周期,然后通过钩子函数进行管理

钩子函数

系统某些状态或者参数改变时,系统会立马通知对应处理函数

react组件的总体阶段

mounted阶段

加载阶段或者说是初始化阶段,组件jsx转换成真实dom

update阶段

组件中阶段或者更新阶段,当组件改变自身状态或者父组件修改子组件属性发生阶段

umount阶段

组件卸载,组件被浏览器回收

生命周期整体流程

已弃用:getDefaultProps(取得默认属性)=>getInstallState(初始化状态)

高版本:

第一阶段:componentWillMount(即将进入dom)=>render(描画dom)=>componentDidMount(进入dom)

第二阶段:componentWillReceiveProps(组件接受新值)=>shouldComponentUpdate(组件是否更新)=>componentWillupdate(组件将要更新)=>componentDidupdate(组件已经更新)

第三阶段:销毁 componentWillUnmount

卸载组件:

 

react 生命周期

原文:https://www.cnblogs.com/guqzhoublog/p/11275535.html

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