Kategorisieren von React-Listenelementen mit Object.groupBy

import React from 'react';
 
export function TaskListGrouped({ tasks }) {
  const groupedTasks = Object.groupBy(tasks, ({ priority }) => priority);
 
  return (
    <section>
      {Object.entries(groupedTasks).map(([priorityLevel, items]) => (
        <div key={priorityLevel} className="priority-group">
          <h3>Priority: {priorityLevel.toUpperCase()}</h3>
          <ul>
            {items.map((task) => (
              <li key={task.id}>{task.title}</li>
            ))}
          </ul>
        </div>
      ))}
    </section>
  );
}