能不能增加一个batch update的hook？

[lovetingyuan]

在不使用createRoot的情况下可以减少组件 re-render 次数

type P = [((a?: any) => void)?, any?][];

export default function useBatchUpdate() {
  const [updates, setUpdates] = React.useState<P>([]);
  React.useEffect(() => {
    for (let [update, a] of updates) {
      if (typeof update === 'function') {
        a === undefined ? update() : update(a);
      }
    }
  }, [updates]);
  return (updates: P) => {
    setUpdates(updates);
  };
}

const batchUpdate = useBatchUpdate();
fetch('../foo').then(([a, b]) => {
  batchUpdate([
    [setA, a],
    [setB, b]
  ])
})

[brickspert]

在 React 18 中，这种情况下已经会合并只有一次 rerender 了。

[lovetingyuan]

就是没有用createRoot的时候

[kongmoumou]

用 react-dom 提供的 unstable_batchedUpdates 包一下就好了吧

[lovetingyuan]

嗯嗯对 看起来是这个api 之前没见过