重新active后会丢失scroll位置 about react-keep-alive HOT 8 CLOSED

import React, { useState, useRef, useEffect } from 'react';
import { useKeepAliveEffect } from 'react-keep-alive';

function isEqualAndTruthy(
  newInputs?: React.DependencyList,
  lastInputs?: React.DependencyList
) {
  if (!newInputs || !lastInputs) {
    return false;
  }
  if (newInputs.length !== lastInputs.length) {
    return false;
  }
  for (let i = 0; i < newInputs.length; i++) {
    if (newInputs[i] !== lastInputs[i]) {
      return false;
    }
  }
  return true;
}

export default function useScrollRestoration(deps?: React.DependencyList) {
  const [scrollY, setScrollY] = useState<number | null>(null);

  useKeepAliveEffect(() => {
    let ticking: number | null = null;
    const handler = () => {
      if (ticking === null) {
        ticking = window.requestAnimationFrame(() => {
          setScrollY(window.scrollY);
          ticking = null;
        });
      }
    };
    window.addEventListener('scroll', handler);
    return () => {
      window.removeEventListener('scroll', handler);
      if (ticking !== null) {
        window.cancelAnimationFrame(ticking);
      }
    };
  });

  const savedDeps = useRef(deps);

  const savedCallback = useRef(() => {});

  useEffect(() => {
    savedCallback.current = () => (savedDeps.current = deps);
  });

  useKeepAliveEffect(() => {
    if (scrollY !== null) {
      const y = isEqualAndTruthy(savedDeps.current, deps) ? scrollY : 0;
      window.scrollTo(0, y);
    }
    return () => {
      savedCallback.current();
    };
  });
}

export default function PageA() {
  // 依赖发生变化时页面回到顶部，不变时还原滚动位置
  useScrollRestoration([]);
  // ...
}