图片上的Next.js占位符模糊不起作用(附代码)

322 阅读1分钟

我有一个名为/titles/[slug].js的动态路由。当我第一次到达那里时,一切都很正常,每张图片上的placeholder="blur "都在工作,而且我也有一些基于视口的动画,如果它在npm react-intersection-observer。但是当从'/titles/pac-man/'到'/titles/walking-dead/'时,占位符模糊不再起作用,动画也似乎不再起作用。

会不会是你从 /titles/[slug].js 到 /titles/[slug].js 时,useStates/useEffects 保持不变,在组件加载时不会更新为原始状态?

const [show, setShow] = useState(false);
useEffect(() => {
    if (inView) {
      setShow(true);
    }
  }, [inView]);

或者是其他原因?