react生命周期及其钩子函数、初始化阶段、运行中阶段、销毁阶段

react组件生命周期经历的阶段：
初始化阶段 -----> 运行阶段（更新期）-----> 销毁阶段

一、初始化阶段 （挂载）:

在这个阶段完成了vue中数据挂载和模板渲染

组件实例被创建并插入 DOM 中时，其生命周期钩子函数的调用顺序如下（粗体为使用比较多的）：

1)、constructor

​ 构造函数里，可以做状态的初始化，接收props的传值

2)、componentWillMount： 在渲染前调用，相当于vue中的beforeMount(17中不建议使用，不安全)

3)、render

 渲染函数，不要在这里修改数据。 vue中也有render函数。

4)、componentDidMount 相当于vue中的 mounted

​ 渲染完毕，在第一次渲染后调用。之后组件已经生成了对应的DOM结构， 如果你想和其他JavaScript框架（swiper）一起使用，可以在这个方法中使用，包括调用setTimeout, setInterval或者发送AJAX请求等操作，相当于vue的mounted

二、运行中阶段（更新）（相当于vue中更新阶段）

当组件的 props 或 state 发生