当我在React中点击一个按钮时，我需要创建一个卡片组件

import React from 'react';
import PropTypes from 'prop-types';

const Card = ({ title, imageUrl, description }) => {
  return (
    <div className="card">
      <img src={imageUrl} alt={title} />
      <h2>{title}</h2>
      <p>{description}</p>
    </div>
  );
};

import React, { useState } from 'react';
import Card from './Card';

const App = () => {
  const [showCard, setShowCard] = useState(false);

  const handleClick = () => {
    setShowCard(true);
  };

  return (
    <div>
      <button onClick={handleClick}>创建卡片</button>
      {showCard && (
        <Card
          title="示例卡片"
          imageUrl="https://example.com/image.jpg"
          description="这是一个示例卡片"
        />
      )}
    </div>
  );
};

export default App;