import { FC } from "react"; import { ListViewItem } from "@/components/StationDiagram/ListViewItem"; import { View, Text, ScrollView } from "react-native"; type hoge = { trainNumber: string; array: string; name: string; timeType: string; time: string; }; export const ListView: FC<{ data: hoge[]; }> = ({ data }) => { const groupedData: Record = {}; const groupKeys = []; data.forEach((item) => { const hour = item.time.split(":")[0]; if (!groupedData[hour]) { groupedData[hour] = []; groupKeys.push(hour); } groupedData[hour].push(item); }); return ( i * 2) : [] } > {groupKeys.map((hour) => [ {hour}時台 , {groupedData[hour].map((d, i) => ( ))} , ])} ); };