设置div的scrollTop属性等于scrollHeight属性。

function onScrollChange() {const ele = document.getElementById("test");ele.scrollTop = ele.scrollHeight;
}

在React可以通过 ref 获取div元素

1.声明一个ref设置在div元素上

const testRef = useRef(null)；
const [content, setContent] = useState('');<div ref={testRef}>{content}
</div>

当div中内容变化的时候设置div的scrollTop属性等于scrollHeight属性。

const onScrollChange = () => {const ele = testRef.current;ele.scrollTop = ele.scrollHeight;
}useEffect(() => {onScrollChange();
}, [content]);