能不能添加一个useSyncEffect的hook?

[lovetingyuan]

useSyncEffect可以在依赖变化时同步执行回调，可以触发react的eager render，避免useEffect里更新状态带来的二次渲染开销。
这里有个简单的实现

export default function useSyncEffect(
  effectCallback: EffectCallback,
  dependencyList: DependencyList,
) {
  const key = useRef({});
  const cleanupRef = useRef<any>();
  const currentKey = useMemo(function () {
    return {};
  }, dependencyList);
  if (key.current !== currentKey) {
    key.current = currentKey;
    cleanupRef.current = effectCallback();
  }
  useEffect(() => {
    return () => {
      if (typeof cleanupRef.current === 'function') {
        cleanupRef.current();
      }
    };
  }, [currentKey]);
}

或者可以叫 useOnChange或者useEagerEffect

[lovetingyuan]

其实可以直接用useMemo