高效学习 react 笔记六：生命周期

先来看React v16.3之前的生命周期函数（图中实际上少了componentDidCatch)，如下图。

constructor
componentWillMount
render
componentDidMount
componentShouldUpdate
componentWillUpdate
render
componentDidUpdate
componentWillUnmount
componentWillReceiveProps

所以，React v16.3之后的生命周期函数一览图成了这样。

总结一下：

用一个静态函数getDerivedStateFromProps来取代被deprecate的几个生命周期函数，就是强制开发者在render之前只做无副作用的操作，而且能做的操作局限在根据props和state决定新的state，而已。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 详解React生命周期(包括react16最新版)
    tips：很久没在简书更新文章了，欢迎大家逛逛我在github的博客点击查看 。 React v16.0前的生命周...
    aermin阅读 218,682评论 13赞 169
  • React生命周期及组件通信
    组件的生命周期 React中组件也有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个...
    解勾股阅读 762评论 0赞 0
  • 第二章 设计高质量的React组件
    作为一个合格的开发者，不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理；不要只满足于自己的程序...
    六个周阅读 8,529评论 1赞 33
  • React学习笔记（二）
    生命周期 一般将生命周期分成三个阶段： 创建阶段（Mounting）更新阶段（Updating）卸载阶段（Unmo...
    许小花花阅读 552评论 0赞 0
  • 春风
    别过昨日冷漠，随缘度日 春风消融了每一条结冰的河 厚厚的积雪，不是积怨 终会在季节的变幻中，换了颜色 遥闻云中离歌...
    云原杰阅读 185评论 0赞 2