React学习笔记5-组件的生命周期

生命周期

组件的生命周期可分为三个状态

  • Mounting:组件挂载,已插入真实DOM
  • Updating:组件更新,正在被重新渲染
  • Unmounting:组件移除,已移除真实DOM

组件的什么周期可以分为四个阶段:

创建,实例化,更新,销毁

Mounting组件挂载相关:

  • componentWillMount
    组件将要挂载,在render之前执行,但仅执行一次,即使多次重复渲染该组件,或者改变了组件的state
  • componentDidMount
    组件已经挂载,在render之后执行,同一个组件重复渲染只执行一次

Updating组件更新相关:

  • componentWillReceiveProps(object nextProps)
    已加载组件收到新的props之前调用,注意组件初始化渲染时刻不会执行
  • shouldComponentUpdate(object nextProps,object nextState)
    组件判断是否重新渲染时调用.返回一个布尔值该接口实际是在组件接收到了新的props或者新的state的时候会立即调用
  • componentWillUpdate(object nextProps,object nextState)
    组件将要更新
  • componentDidUpdate(object prevProps,object prevState)
    组件已经更新

Unmounting组件移除相关:

  • componentWillUnmount
    在组件要被移除之前的时间点触发,可以利用该方法来执行一些必要的清理组件将要移除

生命周期的props和state相关:

  • getDefaultProps 设置props属性默认值
  • getInitialState    设值state属性初始值
分享 二维码
分类:代码笔记
还没有评论


在此输入评论..
0/100