使用 useRef 和 Element.scrollIntoView 两个 api 即可实现自动滚动。
const App = () => {
const containerRef = useRef(null);
const appleRef = useRef(null);
const clickButton = () => {
appleRef.current.scrollIntoView();
};
return (
<div>
<div className="test" ref={containerRef}>
<div ref={appleRef}>
苹果 <br />
</div>
<div onClick={clickButton}>按钮</div>
</div>
);
};