如何在react中从堆叠数组中过滤数组

const stackedArray = [
  { id: 1, type: 'fruit', name: 'Apple' },
  { id: 2, type: 'fruit', name: 'Banana' },
  { id: 3, type: 'vegetable', name: 'Carrot' },
  { id: 4, type: 'fruit', name: 'Orange' },
  { id: 5, type: 'vegetable', name: 'Cabbage' }
];

const filterFruits = (array) => {
  return array.filter(item => item.type === 'fruit');
};

const FruitList = () => {
  const fruits = filterFruits(stackedArray);

  return (
    <ul>
      {fruits.map(fruit => (
        <li key={fruit.id}>{fruit.name}</li>
      ))}
    </ul>
  );
};