react 生命周期

Posted guqzhoublog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 生命周期相关的知识,希望对你有一定的参考价值。

react组件的生命周期

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

钩子函数

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

react组件的总体阶段

mounted阶段

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

update阶段

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

umount阶段

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

生命周期整体流程

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

高版本:

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

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

第三阶段:销毁 componentWillUnmount

卸载组件:

 

以上是关于react 生命周期的主要内容,如果未能解决你的问题,请参考以下文章

react 生命周期

React生命周期详解

React组件的生命周期函数

react新的生命周期函数getDerivedStateFromProps

react生命周期详解

react native 生命周期详解