JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

React生命周期

2019. 05. 05    

React生命周期

Initalization

(初始化过程)

setup props and state

Mounting

(要被渲染/挂载到页面)

componentWillMount

在组件即将被挂载到页面被执行一次

render

组件被渲染

componentDidMount

在组件被挂载到页面之后被执行一次

Updation

(组件更新)

props

componentWillReceiveProps

当组件从父组件接收参数,组件第一次存在于父组件中(不执行),组件已经存在于父组件中(会执行)

shouldComponentUpdate

组件被更新之前被执行返回值true|false(是否执行更新)

componentWillUpdate

组件被更新之前,自动执行,在shouldComponentUpdate返回true之后执行

render

重新渲染

componentDidUpdate

组件更新完成之后被执行

state

shouldComponentUpdate

组件被更新之前被执行返回值true|false(是否执行更新)

componentWillUpdate

组件被更新之前,自动执行,在shouldComponentUpdate返回true之后执行

render

重新渲染

componentDidUpdate

组件更新完成之后被执行

Unmounting

组件卸载)

componentWillUnmount

当这个组件被从页面中卸载/移除,执行