1、React 组件的生命周期
意义:组件的生命周期 有助于理解组件的运行方式 完成更复杂的组件功能、分析组件错误原因等等
组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程
生命周期的每个阶段总是伴随着一些方法的调用,这些方法就是生命周期的钩子函数
钩子函数的作用:为开发人员在不同阶段操作组件提供了时机
******只有 类组件 才有生命周期*****
2、生命周期的三个阶段
(1)每个阶段的执行时机
(2)每个阶段钩子函数的执行顺序
(3)每个阶段钩子函数的作用
阶段一 创建时(挂载阶段)
执行时机:组件创建时(页面加载时)
执行顺序:
constructor() ---> render() ----> componentDidMount
阶段二 更新时 (更新阶段)
(1) 执行时机 1、setState() 2、new props 3、forceUpdate()
说明:以上三者任意一种发生变化 组件就会重新渲染
执行顺序 : render() ---> componentDidUpdate()
阶段二 卸载时(卸载阶段)
执行时机:组件从页面中消失