摘要: diff 算法? 把树形结构按照层级分解,只比较同级元素 给列表结构的每个单元添加唯一的 key 属性,方便比较 React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字) 合并操作,调用 component 的 setState 方法的时候, React 阅读全文
posted @ 2023-03-13 17:19 beifeng11996 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 先来思考一个老生常谈的问题,setState是同步还是异步? 再深入思考一下,useState是同步还是异步呢? 我们来写几个 demo 试验一下。 先看 useState 同步和异步情况下,连续执行两个 useState 示例 function Component() { const [a, se 阅读全文
posted @ 2023-03-13 17:19 beifeng11996 阅读(306) 评论(0) 推荐(0) 编辑
摘要: React diff 算法的原理是什么? 实际上,diff 算法探讨的就是虚拟 DOM 树发生变化后,生成 DOM 树更新补丁的方式。它通过对比新旧两株虚拟 DOM 树的变更差异,将更新补丁作用于真实 DOM,以最小成本完成视图更新。 具体的流程如下: 真实的 DOM 首先会映射为虚拟 DOM; 当 阅读全文
posted @ 2023-03-13 17:18 beifeng11996 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 前言:最近接触到一种新的(对我个人而言)状态管理方式,它没有采用现有的开源库,如redux、mobx等,也没有使用传统的useContext,而是用useState + useEffect写了一个发布订阅者模式进行状态管理,这一点对我来说感觉比较新奇,以前从没接触过这种写法,于是决定研究一下目前比较 阅读全文
posted @ 2023-03-13 17:17 beifeng11996 阅读(29) 评论(0) 推荐(0) 编辑