React 组件生命周期

我是表哥Harker，表妹我来咯~

本篇再深入的去了解React组件的生命周期！

 

1、组件的生命周期

• 意义：组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等
• 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程
• 生命周期的每个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数
• 钩子函数的作用：为开发人员在不同阶段操作组件提供了时机
• 只有 类组件 才有生命周期

2、生命周期的三个阶段

• 1. 每个阶段的执行时机
• 2. 每个阶段钩子函数的执行顺序
• 3. 每个阶段钩子函数的作用

 

1）、创建时（挂载阶段）

• 执行时机：组件创建时（页面加载时）
• 执行顺序： constructor -> render -> componentDidMount