react组件生命周期

一、认识生命周期

任何事物从创建到销毁的过程，就是生命周期。

二、生命周期执行过程

2.1 Mounting

当组件实例被创建并挂载 DOM 中时，其生命周期调用顺序如下：

• constructor()：在react组件挂载之前，会执行constructor构造函数
• render()：是 class 组件中唯一必须实现的方法
• componentDidMount()：当组件挂载到DOM中立即调用
  
  

2.2 Updating

每当组件的 state 或 props 发生变化时，组件就会更新，执行顺序如下

• render()：当组件中的值发生变化时，会执行render函数
• componentDidUpdate()：当数据更新完成之后会立即调用componentDidUpdate()方法

2.3 Unmounting

当组件从 DOM 中移除时会调用如下方法。

首先新定义一个组件

然后在引用新定义的组件

最后根据设置isShow来切换Test组件的渲染