带有map js的ReactJS嵌套循环

import React from 'react';

const data = [
  {
    category: 'Category 1',
    items: [
      { id: 1, name: 'Item 1' },
      { id: 2, name: 'Item 2' },
      { id: 3, name: 'Item 3' }
    ]
  },
  {
    category: 'Category 2',
    items: [
      { id: 4, name: 'Item 4' },
      { id: 5, name: 'Item 5' }
    ]
  }
];

const App = () => {
  return (
    <div>
      {data.map((category) => (
        <div key={category.category}>
          <h2>{category.category}</h2>
          <ul>
            {category.items.map((item) => (
              <li key={item.id}>{item.name}</li>
            ))}
          </ul>
        </div>
      ))}
    </div>
  );
};

export default App;