js手札-reactjs生命周期

生命状态：

Mounting：已插入真实DOM节点
Updating：正在从新渲染
Unmounting：已经移出真实节点

Mounting

Updating

大体顺序：

---

两个挂载：

componentWillMount()

一、服务端和客户端都只调用一次
二、在初始化渲染以前调用

因此，若是这里调用setState，则会在render中感知到state的变化。

componentDidMount()

一、仅在客户端有效
二、初始化渲染以后当即调用一次

这时已经有成型的DOM树了，因此能够经过this.getDOMNode()来获取DOM

四个更新

componentWillReciverPros(nextProps)

一、在接收到新的参数（props）时，会被执行
二、在render以前被调用
三、在初始化渲染的时候，不会被调用

若调用this.setState()并不会引发第二次渲染。

shouldComponentUpdate(nextProps, nextState)

一、在接收到新的 props或state时，调用
二、在render以前被调用
三、初始化渲染不调用

若返回false，则组件不会更新（即render()不会被执行），同时，componentWillUpdate和componentDidUpdate也不会被执行。

componentWillUpdate(nextProps, nextState)

一、在接收到新的 props或state前，马上调用
二、初始化渲染不调用

不能使用this.setState

componentDidUpdate(prevProps, prevState)

一、在组件更新已经同步到DOM上以后调用
二、初始化渲染不调用

一个移除

componentWillUnmount

在组件将被移出的时候调用