为什么 setTimeout 不会在 useCallback ReactJS

如何解决为什么 setTimeout 不会在 useCallback ReactJS

想要编写一个函数，如果用户正在滚动，则触发该函数，但在这种情况下似乎没有触发 setTimeout。当用户没有滚动时，它应该将状态设置为 false。

  const handleScollTab = useCallback(
    () => {
      console.log('trriiii');
      dispatch(getScrollYTrigger(true));

      let timer = setTimeout(() => {
        dispatch(getScrollYTrigger(false));
      },1000);
      clearTimeout(timer);
    },[dispatch]
  );

  useEffect(() => {
    window.addEventListener("scroll",handleScollTab);

    return () => {
      window.removeEventListener("scroll",handleScollTab);
    };
  },[handleScollTab]);

解决方法

在 setTimout() 之后，在 await 1000 之前立即 clearTimeout

修复删除 clearTimeout()