react 生命周期

react组件的生命周期

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

钩子函数

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

react组件的总体阶段

mounted阶段

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

update阶段

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

umount阶段

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

生命周期整体流程

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

高版本:

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

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

第三阶段:销毁 componentWillUnmount

卸载组件:

 

posted @ 2019-07-31 12:16  Toro-zhou  阅读(152)  评论(0)    收藏  举报