Javascript 如何在preact/react中渲染后触发element.scrollIntoView（）？

在preact中，我呈现一个元素列表，并对每个元素具有编辑功能。每当编辑元素时，它都会触发提取和完全重新渲染。我试图让DOM滚动到在获取和重新渲染后刚刚编辑的元素

当前代码如下所示：

const ref = useRef(null);
useEffect(() => {
  if (scrollToThis && !loading) ref.current.scrollIntoView({ behavior: 'smooth', block: 'end' });
}, [scrollToThis])

我将

ref

传递给该代码运行的组件的根。它可以工作，但几乎从不滚动到正确的元素（可能是因为传递到

useffect

的

ref

来自上一次渲染，但如果没有挂钩，代码根本无法工作）

我如何设置它，使ref始终是当前的并滚动到正确的元素？我一直在阅读博客文章和文档，但没有什么是真正适合我的