React ag-grid -等待‘grid resize’事件的'end‘，然后执行一个操作

import React, { useRef, useEffect } from 'react';
import { AgGridReact } from 'ag-grid-react';

const MyGrid = () => {
  const gridRef = useRef(null);

  useEffect(() => {
    const handleResizeEnd = () => {
      // 执行操作
      console.log('Grid resize ended');
    };

    // 监听'grid resize'事件的'end'
    gridRef.current.api.addEventListener('gridSizeChanged', handleResizeEnd);

    return () => {
      // 清除事件监听
      gridRef.current.api.removeEventListener('gridSizeChanged', handleResizeEnd);
    };
  }, []);

  return (
    <div style={{ width: '100%', height: '100%' }}>
      <AgGridReact
        ref={gridRef}
        // 其他配置项
      />
    </div>
  );
};

export default MyGrid;