React-class组件生命周期

最新推荐文章于 2024-04-02 21:24:30 发布

如沐春风xsy

最新推荐文章于 2024-04-02 21:24:30 发布

阅读量251

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_57479640/article/details/125603779

版权

React-class组件生命周期

新版class生命周期图解

react16.4+之前的class组件生命周期

旧版class组件生命周期

初始化

constructor:初始化数据(读取props,设置原始数据state,为事件处理函数绑定实例)

挂载时

componentWillMount：组件将要挂载
render:渲染
componentDidMount：组件挂载完成(一般在这个阶段调接口取数据)

更新时

componentWillReceiveProps:组件接收到新的属性时触发
shouldComponentUpdate:判断组件是否需要更新，接收两个参数(nextProps/下一个属性,nextState/下一个状态)，返回值为bool,为true时，才继续执行(一般用于优化)
componentWillUpdate:组件将要更新(有2个参数(nextProps, nextState))
render:渲染
componentDidUpdate:组件更新完成(有2个参数(prevProps, prevState))

卸载时