https://zh-hans.reactjs.org/docs/react-component.html#static-getderivedstatefromprops
image.png

getDerivedStateFromProps

getDerivedStateFromProps是一个静态函数,它不能使用this,
可以用来代替componentWillReceiveProps,也不推荐使用 componentWillReceiveProps

state变化, 每次render的时候都会调用getDerivedStateFromProps,使用getDerivedStateFromProps要慎重
只能在 class组件中使用,Hooks函数组件不能使用

  1. class App extends Component {
  2. state = {
  3. value: []
  4. }
  5. static getDerivedStateFromProps(nextProps, prevState) {
  6. // 返回的值替换 state
  7. return {}
  8. }
  9. }

在组件发生更新的时候,来动态修改 state的值

class组件生命周期

image.png