react——新版本新增的生命周期函数getDerivedStateFromProps

1.代码

static getDerivedStateFromProps(props,state){
    
    
  console.log("getDerivedStateFromProps",props,state)
  return null
}

2.用法讲解

1. 需要在前面添加static，否则会有警告且不能使用
2. 可以获取props和state参数
3. 需要有返回值，且返回值为空或者一个state对象，当返回值为state对象时候，会更新state
4. 多用于子组件的state在任何时候都取决于props的时候

3.运行结果