React -滚动到flex容器的底部，而不滚动整个页面

import React, { useRef } from 'react';

const MyComponent = () => {
  const containerRef = useRef(null);

  // 其他代码...

  return (
    <div ref={containerRef}>
      {/* 其他组件内容 */}
    </div>
  );
};

import React, { useRef, useEffect } from 'react';

const MyComponent = () => {
  const containerRef = useRef(null);

  useEffect(() => {
    const container = containerRef.current;
    if (container) {
      container.scrollTop = container.scrollHeight;
    }
  }, []);

  // 其他代码...

  return (
    <div ref={containerRef}>
      {/* 其他组件内容 */}
    </div>
  );
};