constructor
1.用于初始化内部状态，很少使用
2.唯一可以直接修改 state 的地方(this.state.xxx=xxx)
getDerivedStateFromProps
1.当state 需要从 props 初始化时使用
2.尽量不要使用: 维护两者状态一致性会增加复杂度
3.每次 render 都会调用
4.典型场景:表单控件获取默认值
componentDidMount
1.U染完成后调用
2.只执行一次
3.典型场景:获取外部资源
getSnapshotBeforeUpdate
1.在页面 render 之前调用，state 已更新
2.典型场景:获取 render 之前的 DOM 状态
componentDidUpdate
1.每次U更新时被调用
2.典型场景:页面需要根据 props 变化重新获取数据
shouldComponentUpdate
1.决定 VirtualDOM 是要重绘
2.一般可以由 PureComponent 自动实现
3.典型场景:性能优化react 生命周期
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 从vue来到了react，很多相似之处，还好，自我感觉生命周期函数就是个执行过程，生命周期函数（钩子函数）通俗的说...
- 这次趁着学习React过一下生命周期，主要是参考了官网生命周期的内容然后加了些自己的理解，做个学习记录，后续可能会...
- 1 理解生命周期 什么是react生命周期呢？当我们使用各种框架开发程序时，当这个框架启动、程序刚运行时、各个页面...
