react原理 生命周期

生命周期：

以下代码为几种组件变化情况，运行打印，查看生命周期执行顺序：

首次渲染执行顺序:

修改子组件内容：

修改父组件内容

隐藏子组件：

以上几种情况，基本涵盖了所有平常涉及到的组件更新情况，每种情况必然走的生命周期函数有render，getDerivedStateFromProps这两个函数。

static getDerivedStateFromProps() :顾名思义，从props中获取派生的state。静态方法，里边拿不到this

 static getDerivedStateFromProps(props, state) {
    console.log("子组件getDerivedStateFromProps方法执行");
    return {
      fatherText: props.text
    }
  }