如何在reactjs中呈现与每个卡片相邻的列表项for嵌套循环

import React from 'react';

function CardList() {
  const cards = [
    { id: 1, title: 'Card 1' },
    { id: 2, title: 'Card 2' },
    { id: 3, title: 'Card 3' }
  ];

  const listItems = cards.map((card) => (
    <div key={card.id}>
      <h3>{card.title}</h3>
      <ul>
        {[1, 2, 3].map((item) => (
          <li key={item}>List Item {item}</li>
        ))}
      </ul>
    </div>
  ));

  return <div>{listItems}</div>;
}

export default CardList;