生命周期
2021-10-16 17:11:57 4 举报生命周期
作者其他创作
大纲/内容
旧的虚拟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
类组件
0 条评论
下一页
为你推荐
查看更多
