React 组件的生命周期

在React中，组件不是真实的 DOM 节点（组织页面/文档的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM），而是存在于内存之中的一种数据结构—虚拟 DOM 。只有当它插入文档以后，才会变成真实的 DOM 。

因此，Reacet组件的生命周期由以下三段组成：

• Mounting：已插入真实 DOM
• Updating：正在被重新渲染
• Unmounting：已移出真实 DOM

与之对应以下五种处理函数：

• componentWillMount()
• componentDidMount()
• componentWillUpdate(object nextProps, object nextState)
• componentDidUpdate(object prevProps, object prevState)
• componentWillUnmount()

其中，每个状态对应两种处理函数：will/did。
will 函数在进入状态之前调用，did 函数在进入状态之后调用。

componentWillMount在页面被渲染之前执行，也就是在render方法之前执行，一般在中触发请求数据的方法。

componentDidMount类似js中的window.onload，执行在render方法之后，也就是页面的组件渲染完毕之后。