react组件的生命周期

组件的分成三个状态:

  • Mounting:已插入真实 DOM
  • Updating:正在被重新渲染
  • Unmounting:已移出真实 DOM

React 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。

  • componentWillMount()
  • componentDidMount()
  • componentWillUpdate(object nextProps, object nextState)
  • componentDidUpdate(object prevProps, object prevState)
  • componentWillUnmount()

此外,React 还提供两种特殊状态的处理函数。

  • componentWillReceiveProps(object nextProps):已加载组件收到新的参数时调用
  • shouldComponentUpdate(object nextProps, object nextState):组件判断是否重新渲染时调用
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React组件的生命周期分为三个阶段: 组件初始化 Mounting 组件运行时 Updating 组件卸载时 U...
    MoZhou阅读 4,525评论 2 7
  • react组件生命周期 英文文档介绍 目录 三种生命状态 八种生命周期钩子 生命周期钩子的实际调用顺序 一、 re...
    ccminn阅读 4,053评论 0 1
  • 组件的生命周期 组件在react的生命周期中主要经历三个阶段:实例化、存在期和销毁时。React.js在组件生命周...
    落花的季节阅读 3,690评论 0 2
  • 在组件的整个生命周期中,随着该组件的 props 或者 state 发生变化,其 dom 变现也会相应变化。一个组...
    ForeverYoung20阅读 2,675评论 0 1
  • 此时此刻,无法用过多的语言来描述自己看完这部纪录片之后的心情。“选择”这个话题于我们常人而言并不陌生,选择上学,选...
    杨一说阅读 7,280评论 0 1