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 生命周期的主要内容,如果未能解决你的问题,请参考以下文章