react生命周期函数

生命周期函数:在某一时刻，组件会自动执行的函数

所有生命周期函数都可以不用实现，因为继承了component，但render必须实现，因为component中没有实现

图片发自简书App

componentWillMount函数，挂载之前

图片发自简书App

componentDidMount函数，挂载之后

异步请求可以放在这个函数中执行

图片发自简书App


shouldComponentUpdate函数，返回true则会去更新，false则不会去更新，可以在这个函数中做一些判断，当父组件重绘时，自组件是否要重绘

图片发自简书App

更新相关生命周期函数

图片发自简书App


图片发自简书App

图片发自简书App

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

推荐阅读更多精彩内容

  • react生命周期函数
    组件的详细说明 通过Reac.createClass({...})创建组件的时候,应该有一个render()方法,...
    凉介Seven阅读 328评论 0赞 0
  • React 生命周期函数
    1. mounting阶段执行的生命周期函数 constructor()static getDerivedStat...
    静简明阅读 11,999评论 0赞 0
  • react 生命周期函数
    1，constructor()函数 *执行的时间：组件被加载前最先调用，并且仅调用一次 *作用：定义状态机变量 *...
    折梅踏雪阅读 399评论 0赞 0
  • react生命周期函数
    什么是生命周期函数 生命周期函数指在组件运行的某一个时刻会自动调用执行的函数。 initialization(co...
    橙色流年阅读 1,994评论 0赞 1
  • 第二章 设计高质量的React组件
    作为一个合格的开发者，不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理；不要只满足于自己的程序...
    六个周阅读 8,529评论 1赞 33