React-生命周期

Posted on Jun 19, 2020

挂载

  • constructor
  • getDerviedStateFromProps
  • render
  • didMount

willMount已过时

更新

  • getDerviedStateFromProps
  • shouldComponentUpdate(nextProps, nextState)
  • render
  • getSnapshotBeforeUpdate(prevProps, prevState)
  • componentDidUpdate(prevProps, prevState, snapshot)

willUpdate和willReceiveProps已过时

getSnapshotBeforeUpdate可以在更新前,从DOM中获取一些信息,比如滚动位置。

卸载

  • willUnmount

异常

  • getDerviedStateFromError
  • didCatch

setState

setState在合成事件或者生命周期中调用时,会将修改放入队列,在协调和更新之后进行更新state