如何在React Native中对数组进行分组

import React from 'react';
import { View, Text } from 'react-native';

const GroupedArray = ({ array }) => {
  // 分组逻辑
  return (
    <View>
      {/* 分组后的结果渲染 */}
    </View>
  );
};

const GroupedArray = ({ array }) => {
  const groupedData = array.reduce((result, item) => {
    // 根据需要的分组条件进行分组
    const groupKey = item.groupKey;
    
    // 检查分组是否已存在，若不存在则创建新的分组
    if (!result[groupKey]) {
      result[groupKey] = [];
    }
    
    // 将当前元素添加到对应的分组中
    result[groupKey].push(item);
    
    return result;
  }, {});
  
  // 分组后的结果渲染
  return (
    <View>
      {/* 遍历分组后的结果进行渲染 */}
      {Object.keys(groupedData).map((groupKey) => (
        <View key={groupKey}>
          <Text>{groupKey}</Text>
          {groupedData[groupKey].map((item) => (
            <Text key={item.id}>{item.name}</Text>
          ))}
        </View>
      ))}
    </View>
  );
};

const App = () => {
  const data = [
    { id: 1, name: 'Apple', groupKey: 'Fruit' },
    { id: 2, name: 'Banana', groupKey: 'Fruit' },
    { id: 3, name: 'Carrot', groupKey: 'Vegetable' },
    { id: 4, name: 'Broccoli', groupKey: 'Vegetable' },
  ];
  
  return (
    <View>
      <GroupedArray array={data} />
    </View>
  );
};