组件的生命周期可分成三个状态:
- Mounting(挂载):已插入真实 DOM
- Updating(更新):正在被重新渲染
- Unmounting(卸载):已移出真实 DOM
常用生命周期:
constructor
创建组件时最先执行 初始化时只执行一次
作用: 初始化state, 创建ref,使用bind解决this指向问题
render
只要组件渲染都会执行
作用: 渲染视图(UI)
componentDidMount
组件挂载完成后执行(DOM加载完成),初始化执行一次
作用:发出网络请求 获取dom
componentDidUpdate
组件更新之后执行(DOM之后执行)
作用:可以进行dom操作 还可以获取更新之后的dom 还有数据
componentWillUnmount
组件卸载及销毁之前直接调用
作用:清除 timer