在react js中映射此数组时，如何检查是否存在其他类别？

const data = [
  { id: 1, category: 'A' },
  { id: 2, category: 'B' },
  { id: 3, category: 'C' },
  { id: 4, category: 'D' },
  // ...
];

const Component = () => {
  return (
    <div>
      {data.map(item => {
        if (item.category === 'A') {
          return <ComponentA key={item.id} />;
        } else if (item.category === 'B') {
          return <ComponentB key={item.id} />;
        } else {
          // 处理其他类别的逻辑
          return null;
        }
      })}
    </div>
  );
};