在组件渲染上滚动到底部

Question

您好，我想在组件渲染后立即滚动到底部。 我试图把它放在 useEffect 中，但这不起作用：

useEffect(() => {
    scrollRef.current.scrollIntoView();
}, []);

如果我在我的依赖项中添加一个参数，它会起作用，但问题是我不需要那个参数。

我试图将我的 scrollRef 放在我的部门中，但这没有用。 我尝试使用 if 语句检查 ref 是否不是 null 但这也不起作用。

Answer 1

可能我会使用 requestAnimationFrame 方法。 所以你的代码看起来像

useEffect(() => {
  requestAnimationFrame(() => {
    scrollRef.current.scrollIntoView()
  })
}, [])

有关该方法的更多信息，您可以在此处找到链接