React生命周期函数

最新推荐文章于 2022-03-22 14:54:05 发布

今天也很棒棒~

最新推荐文章于 2022-03-22 14:54:05 发布

阅读量483

点赞数

分类专栏： React 文章标签： react.js 前端 reactjs

本文链接：https://blog.csdn.net/qq_39233028/article/details/121269247

版权

14 篇文章 0 订阅

订阅专栏

React生命周期函数：组件加载前、组件加载完成、组件更新数据、组件销毁；触发的一系列的方法，这就是组件的生命周期函数

组件加载时触发函数：constructor 、componentWillMount、 render 、componentDidMount

组件数据更新时触发函数:shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate

父子组件传值时改变props值是触发函数：componentWillReceiveProps

组件销毁时触发函数：componentWillUnmount

一刷新页面顺序：

constructor->componentWillMount  //组件将要挂载 触发的生命周期函数

->render //渲染 

-> componentDidMount   //组件挂载完成时触发生命周期函数

修改数据顺序：

shouldComponentUpdate 
->componentWillUpdate  //将要更新的时候触发 
->render 渲染 
->componentDidUpdate  //更新完成的时候触发

componentWillReceiveProps

关注

专栏目录