美团暑期实习体验～

先看效果，左边是badCase（一般的写法），中间是用reducer来状态管理，右边是用memo和callback可以看到第一种每一个子项都被渲染了（1+6+5）次，2，3是我们希望的，其中2的父组件没有被重复渲染，是最优的方法React 基本的渲染逻辑我们都知道，React 是通过虚拟 DOM 树来进行渲染的。当我们每次调用 setState 时，都会引起整个虚拟 DOM 树的重新构建，然后通过 Fiber 算法对比得出需要渲染的部分。即使不使用 memo 和 useCallback，React 也有一个基本的优化逻辑：React 默认的优化逻辑：虽然 React 渲染是从根节点开始的，但在...