AI
推荐
模板社区
专题
登录
免费注册
首页
流程图
详情
生命周期
2021-10-16 17:11:57
4
举报
分享方式
免费使用
生命周期
react
模版推荐
作者其他创作
大纲/内容
旧的虚拟dom存在，新的不存在
旧的虚拟dom不存在，新的存在
存在shouldComponentUpdate则执行
新的虚拟dom实例上存在componentWillReceiveProp，则执行
jsx转换
新旧虚拟dom都存在，类型不同
新旧虚拟dom都是字符串
更新
循环比较
如果存在componentDidMount，则执行
insertBefore
存在componentDidMount，执行
jsx
存在componentWillMount，则执行
removeChild
如果实例存在componentWillUnmount，则执行
存在componentDidUpdate，则执行
新旧虚拟dom都是组件
旧的dom如果存在componentWillUnmout，则执行
新旧虚拟dom都存在，类型相同
创建类组件实例（constructor）
createDom
setState
更新旧节点的属性
旧节点的textContent更新
新的dom实例如果存在componentDidMount，则执行
函数组件
emitUpdate
返回true
vDom
mountClassComponent
执行render获取返回值
appendChild
render
挂载
replaceChild
新旧虚拟dom都是原生dom
存在nextDom
compareTwoVdom
更新完成
更新旧节点的children
类组件
收藏
立即使用
生命周期
收藏
立即使用
ref
收藏
立即使用
合成事件和批量更新
收藏
立即使用
state更新
salsmith
职业：暂无
去主页
Collect
Get Started
恒企生命周期
Collect
Get Started
2.组织影响与项目生命周期
Collect
Get Started
素材投放生命周期
Collect
Get Started
项目迭代生命周期
评论
0
条评论
下一页
Document
