React.Component生命周期

组件的生命周期

  每个组件都包含"生命周期方法",你可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法。你可以使用此生命周期图谱作为速查表。

  挂载

  当组件实例被创建并插入DOM中时,其生命周期调用顺序如下:

  constructor(props)

  static getDerivedStateFromProps(props,state)

  render()

  componenetDidMount()

  更新

  当组件的props或state发生变化时会触发更新。组件更新的生命周期调用顺序如下:

  static getDerivedStateFromProps(props,state)

  shouldComponentUpdate(nextProps, nextState)

  render()

  getSnapshotBeforeUpdate(prevProps,prevState)

  componentDidUpdate(prevProps,prevState,snapshot)

  卸载

  componentWillUnmount()

  处理错误

  static getDerivedStateFromError(error)

  componentDidCatch(error,info)

  其他APIs

  setState()

  forceUpdate()

  class属性

  defaltProps

  displayName

posted on 2022-05-17 14:35  这就是神迹  阅读(65)  评论(0编辑  收藏  举报

导航