如何在ag-grid (react)树数据中显示下拉箭头旁边的子项数量？

import React from 'react';

const CustomCellRenderer = ({ value, data }) => {
  // 获取子项数量
  const childItemCount = data.children ? data.children.length : 0;

  return (
    <div>
      {value}
      {childItemCount > 0 && <span>({childItemCount})</span>}
    </div>
  );
};

export default CustomCellRenderer;

import React from 'react';
import { AgGridReact } from 'ag-grid-react';
import CustomCellRenderer from './CustomCellRenderer';

const GridComponent = () => {
  const columnDefs = [
    { headerName: '名称', field: 'name', cellRendererFramework: CustomCellRenderer },
    // 其他列定义...
  ];

  const rowData = [
    { name: '父项1', children: [{ name: '子项1' }, { name: '子项2' }] },
    { name: '父项2', children: [{ name: '子项3' }, { name: '子项4' }, { name: '子项5' }] },
    // 其他行数据...
  ];

  return (
    <div className="ag-theme-alpine" style={{ height: '400px', width: '100%' }}>
      <AgGridReact columnDefs={columnDefs} rowData={rowData} />
    </div>
  );
};

export default GridComponent;