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

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

 一:挂载阶段(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()  表示:组件将要被移除的时候执行的函数

 

posted @ 2019-12-05 14:25  Courage.Kiven  阅读(152)  评论(0编辑  收藏  举报