如何根据react js中的类别字段对数据进行分组？

const data = [
  { id: 1, name: 'Apple', category: 'Fruit' },
  { id: 2, name: 'Banana', category: 'Fruit' },
  { id: 3, name: 'Carrot', category: 'Vegetable' },
  { id: 4, name: 'Tomato', category: 'Vegetable' },
  { id: 5, name: 'Orange', category: 'Fruit' },
];

const groupedData = data.reduce((result, item) => {
  const category = item.category;
  if (!result[category]) {
    result[category] = [];
  }
  result[category].push(item);
  return result;
}, {});

console.log(groupedData);