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   这就是神迹  阅读(71)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示