其他分享
首页 > 其他分享> > [React] 12.React -组件生命周期函数

[React] 12.React -组件生命周期函数

作者:互联网

在React中,生命周期函数指的是组件在某一时刻会自动执行的函数

  1. 初始化阶段(Initialization): 没有生命周期函数,只是在constructor里做数据的设置
  2. 页面挂载阶段(Mounting): 只有页面在第一次渲染的时候才会执行Mounting过程
    1. componentWillMount函数:准备挂载
      2)render函数:挂载
      3)componentDidMount函数:挂在完毕
  3. 更新(Updation): 数据发生变化时执行
    1).shouldComponentUpdate(): 需要返回一个布尔类型的值,默认值为true,通常情况下如果不需要刷新页面,该值设置为false,可提升组件性能,为false后不会再执行该函数后面的生命周期函数。
    2). componentWillUpdate()
    3). render()
    4). componentDidUpdate()
  4. 组件销毁时会执行:componentWillUnmount()

标签:12,函数,周期函数,React,组件,挂载,页面
来源: https://blog.csdn.net/u014627255/article/details/123617832