面试时这么讲 react 组件更新过程可以吗?

来源:8-9 说一下React组件渲染和更新的过程

zhzz

2021-06-01

组件更新过程(默认处于 batchUpdate 机制)

  • 组件中通过 setState(newState) 修改数据,生成 dirtyComponent ;
  • react 通过 jsx 的 React.createElement(tag, props, children) 遍历所有的 dirtyComponent ,生成 newVnode;
  • react 会在底层通过类似 patch(oldVnode, newVnode) 的方法将 newVnode 渲染到相应 dom ;
写回答

1回答

双越

2021-06-01

对。主流程是这样的。

1
1
zhzz
我之前一直以为 dirtyComponent 是 patch 中的呢😄
2021-06-01
共1条回复

2024版 前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4664 学习 · 1644 问题

查看课程