我想每次添加不同的图像，我重用此Card.How来做到这一点，而不是复制粘贴整个代码

// Card组件
const Card = (props) => {
  return (
    <div className="card">
      <img src={props.imageUrl} alt="Card Image" />
      <h3>{props.title}</h3>
      <p>{props.description}</p>
    </div>
  );
};

// 父组件
const ParentComponent = () => {
  // 存储图像URL的数组
  const imageUrls = [
    "https://example.com/image1.jpg",
    "https://example.com/image2.jpg",
    "https://example.com/image3.jpg",
  ];

  return (
    <div>
      {imageUrls.map((imageUrl, index) => (
        <Card
          key={index}
          imageUrl={imageUrl}
          title="Card Title"
          description="Card Description"
        />
      ))}
    </div>
  );
};