[JavaScript知识库]React 生命周期

一，概念

从创建到销毁的整个过程

只有类组件有生命周期，函数组件没有生命周期

类组件生命周期有3个阶段，5个钩子函数

?二，生命周期顺序

1.Mounting 挂载阶段(初始化)

a. constructor(props)：初始化 state 和 props 数据,创建Ref等
b. render()：渲染组件
c. componentDidMount()：在组件被挂载到页面后执行，只在挂载时执行一次(发送网络请求，dom操作)

2.Updation 更新阶段(更新)

a.?render()： 渲染页面

b. componentDidUpdate()：state或props更新后调用

三种操作可触发组件更新

1. 调用setState。它能改数据&& 更新页面
2. 调用forceUpdate()
3. 组件接收到新的props

3.Unmounting 卸载(销毁)

componentWillUnmount()：在组件即将被页面剔除时执行(执行清理工作（比如：清理定时器等）)