码迷,mamicode.com
首页 > 其他好文 > 详细

react 生命周期

时间:2019-07-31 12:59:57      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:通过   receive   转换   函数   date   通知   自身   nbsp   bsp   

react组件的生命周期

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

钩子函数

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

react组件的总体阶段

mounted阶段

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

update阶段

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

umount阶段

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

生命周期整体流程

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

高版本:

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

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

第三阶段:销毁 componentWillUnmount

卸载组件:

 

react 生命周期

标签:通过   receive   转换   函数   date   通知   自身   nbsp   bsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!