Day 16 - 不小心断赛之 Lifecycle

大意失荆州,这就是人生,因为以为有写,不小心就断赛了;不过,秉持着坚持的精神,我还是想继续写完。

今天要来谈神秘的生命周期(对我而言挺神秘的),React提供了component生命周期,我们可以在不同的阶段进行监控与操作,这些阶段分别为:mounted、update、unmounted。

接着来用我的破英文直译:

Monteding 指把元件放进 DOM 里,是 component 渲染页面的阶段( 这个时候,componentDidMount()方法会被呼叫 )。

Update 指 component 变动更新的时候(无论是state 或 props)。

Unmounting 是 component 从 DOM 移除的阶段 ( 当到了这个阶段,我们可以使用 componentWillUnmount() 方法来使释放 component 的资源 )。

说的很不清楚,但可以参考这张图片:


相关文章:

React Lifecycle

Lifecycle Methods

Lifecycle Methods in ReactJS
这篇的广告有点多,但我觉得他蛮认真在解说的,所以有兴趣还是可以看一下。


<<:  【Day 18】 实作 - 透过 AWS 服务 Glue Crawler 自动建立 VPC Log 资料表

>>:  TypeScript 能手养成之旅 Day 14 特殊型别(2) - Any & Unknown

23 - Prettier - 格式化程序码工具

制定程序码格式规范对於可读性来说是必须的,如果开发者写程序时都有各自的格式规范,那整个专案的程序码会...

AI ninja project [day 16] 文字处理 -- 回归

我们已经有了语音转文字的技术, 那我们也能将文字进行向量化。 那我们是否能收集客服人员顾客的回答, ...

Day 16 - Reverse String

大家好,我是毛毛。ヾ(´∀ ˋ)ノ 废话不多说开始今天的解题Day~ 344. Reverse St...

[Day30] 建立购物车系统 - 13 & 完赛心得

1. 修改docker-compose.yml 将购物车与其他系统都改成docker执行,修改doc...

CSS微动画 - Animation也会影响网页效能?

Q: 终於要讲效能了! A: 以Loading为范例讲黑~ Animation Loading 直...