【React】生命周期

生命周期

生命周期钩子

1. 构造器
2. 将要挂载 componentWillMount （没有了）
3. 挂载 render
4. 挂载完毕 componentDidMount
5. 控制组件是否更新（阀门）true｜false
   1. shouldComponentUpdate
   2. 该钩子可以进行组件优化
6. 强制更新 this.forceUpdate()
7. 将要更新 componentWillUpdate （没有了）
8. 更新完毕 componentDidUpdate

卸载组件：ReactDOM.unmountComponentAtNode(document.getElementById(‘root’))
定时器：setInterval、clearInterval

父传子组件

1. 组件将要接收参数 componentWillReceiveProps （没有了）

1.初始化阶段：有ReactDOM.render()初次渲染

1. 构造器：constructor()
2. 将要挂载：componentWillMount()（没有了）
3. 挂载：render()
4. 挂载完毕：componentDidMount()
   1. 做一些初始化的事情、开启定时器、发送ajax请求、订阅消息等

2.更新阶段 由组件内部this.setState()或父组件render()重新render触发

1. 控制组件是否更新：shouldComponentUpdate()
2. 将要更新：componentWillUpdate() （没有了）
3. 挂载：render()
4. 更新完毕：componentDidUpdate()

3.卸载阶段：由ReactDOM.unmountComponentAtNode()触发

1. 将要卸载：componentWillUnmount() （没有了）
   1. 做一些初始化的事情、关闭定时器、发送ajax请求、取消消息等