设置状态挂钩不更新

您需要修改useEffect函数:

  React.useEffect(() => {
    window.addEventListener('scroll', handleScroll);
    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  });

基本上你没有访问权限 prevScrollPos 因此,PrevPos处理器中的PrevPos将始终返回0。要解决这个问题,依赖项数组不应该存在。

->+添加事件侦听器后,不要忘记将其删除。:-)

你能试试这个吗:

 const [visible, setVisible] = React.useState(true);
 const [prevScrollPos, setPrevScrollPos] = React.useState(window.pageYOffset);

  const handleScroll = () => {
    const scrollPos = window.pageYOffset;
    const visible_new = scrollPos < prevScrollPos;

    setVisible(visible_new);
    setPrevScrollPos(scrollPos);
  }