获取对Card Body的DOM引用以向下滚动

Question

我正在使用ant.design并尝试将<Card>的主体滚动到底部。对此有两种常见的解决方案。

1. 在正文底部创建一个空的<div>并调用div.scrollIntoView()
2. 访问卡的Body元素并调用cardbody.scrollTo(cardbody.scrollHeight)

第一种方法有效，但出于某种原因，它也向下滚动整个窗口，而不仅仅是直接的父div。

我想尝试第二种方法(如果我使用浏览器以Card Body元素为目标，它会起作用(，但我不知道如何在React实现中获得对该DOM元素的引用。

Answer 1

要获得对DOM元素的引用，请使用useRef((钩子创建一个ref，并使用ref道具将其附加到元素。渲染后，元素引用存储在divRef.current中以与交互

const divRef = useRef();

<div ref={divRef}></div>