批量化setState

• base::

  setState的执行时机

  React

  梗概

  • 大部分情况下都是呈现一种“异步”的样子
    • setState的“异步”并不是说内部由异步代码实现
    • 只是react的事件监听函数和hook的调用顺序在更新之前，导致没法立马拿到更新后的值，形成了所谓的“异步”
  • 在React外通常会立刻执行更新，立刻获取到更新后的state

  示例

  console.log(count);  // 0
  setCount(count + 1); // Request a re-render with 1
  console.log(count);  // Still 0!

  指向原始笔记的链接

• setState的批量更新优化也是建立在“异步”（合成事件、钩子函数）之上的，在原生事件和setTimeout 中不会批量更新，在“异步”中如果对同一个值进行多次setState，setState的批量更新策略会对其进行覆盖，取最后一次的执行，如果是同时setState多个不同的值，在更新时会对其进行合并批量更新。