React groupBy并打印到表格中

npm install lodash

import React from 'react';
import _ from 'lodash';
import Table from 'your-table-library'; // 替换为你使用的表格组件

const data = [
  { name: 'Alice', age: 25, gender: 'female' },
  { name: 'Bob', age: 30, gender: 'male' },
  { name: 'Charlie', age: 35, gender: 'male' },
  { name: 'Diana', age: 28, gender: 'female' },
];

const MyComponent = () => {
  // 使用lodash的groupBy函数按照gender属性进行分组
  const groupedData = _.groupBy(data, 'gender');

  // 将分组结果转换为表格数据
  const tableData = Object.entries(groupedData).map(([group, items]) => ({
    group,
    items,
  }));

  return (
    <Table
      data={tableData}
      columns={[
        { title: 'Group', dataIndex: 'group' },
        { title: 'Items', dataIndex: 'items' },
      ]}
    />
  );
};

export default MyComponent;