react 生命周期函数

react 生命周期函数一共有三个阶段:

Initialization:初始化阶段

Mounting: 挂载阶段

挂载阶段又包含三个阶段:

1. componentWillMount : 在组件即将被挂载到页面的时刻执行。
2. render : 页面state或props发生变化时执行。
3. componentDidMount : 组件挂载完成时被执行。

输出结果如下:

Updation: 更新阶段

输出的顺序:



结果输出:

结论:
凡是组件都有生命周期函数，所以子组件也是有的，并且子组件接收了props，这时候函数就可以被执行了。
这个时候再预览，就会看到componentWillReceiveProps执行了。那现在可以总结一下它的执行时间了。

子组件接收到父组件传递过来的参数，父组件render函数重新被执行，这个生命周期就会被执行。

也就是说这个组件第一次存在于Dom中，函数是不会被执行的;
如果已经存在于Dom中，函数才会被执行。

Unmounting 消费阶段:
组件删除掉的时候执行