首页 > 其他 > 详细

React基础语法 之 生命周期函数

时间:2019-12-05 15:09:06      阅读:88      评论:0      收藏:0      [点我收藏+]

什么是声明生命周期函数:生命周期函数是组件在某一个时刻会自动执行的函数。

 一:挂载阶段(Mounting)执行的生命周期函数:

  1.  componentWillMount() == UNSAFE_componentWillMount()   表示:组件将要挂载阶段自动执行
  2.  render()                                                                                          表示:渲染页面内容时自动执行
  3.  componentDidMount()                                                             表示:组件挂载完成自动执行

  页面第一次加载的时候...

   技术分享图片

二:更新阶段(updation)执行的生命周期函数:     props更新 和 states更新会执行的生命周期函数

  1. shouldComponentUpdate()                   表示:数据更新前会自动执行的函数,需要返回true或false
  2. UNSAFE_componentWillUpdate()==   componentWillUpdate()        表示:更新之前
  3. componentDidUpdate                                                                                  表示:更新完成

       技术分享图片

 三:其他几个声明周期函数:

  1. componentWillReceiveProps()表示:只有子组件才有这个生命周期函数,当子组件接收到父组件传递的新的数据props会执行。
  2. componentWillUnmount()  表示:组件将要被移除的时候执行的函数

 

React基础语法 之 生命周期函数

原文:https://www.cnblogs.com/jack-zhou21235/p/11984498.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!