react生命周期钩子函数理解

生命周期流程:

1. 第一次初始化渲染显示: ReactDOM.render()
   1.1 constructor(): 创建对象 初始化 state
   1.2 componentWillMount(): 组件将要挂载
   1.3 render(): 将虚拟DOM渲染到页面
   1.4 componentDidMount(): 组件挂载完成之后
2. 每次更新 state: this.setState()
   2.1 componentWillUpdate(): 组件更新之前
   2.2 render(): 重新渲染页面
   2.3 componentDidUpdate(): 组件更新成功之后
3. 移除组件: ReactDOM.unmountComponentAtNode(containerDOM) // 容器DOM
   3.1 componentWillUnmount(): 组件将要被移除

重要的钩子

1. render(): 初始化渲染或者更新渲染
2. componentDidMount(): 开启监听器(setInterval 定时器), 发送 Ajax请求
3. componentWillUnmount(): 做一些收尾工作, 如: 清理定时器
4. componentWillReceiveProps() :