当我在react中点击一个按钮时如何关闭一张卡片？

import React, { useState } from 'react';

function Card() {
  const [isCardVisible, setCardVisible] = useState(true);

  // 其他组件代码

  return (
    <div>
      {isCardVisible && (
        <div className="card">
          {/* 卡片内容 */}
        </div>
      )}
      <button onClick={() => setCardVisible(false)}>关闭卡片</button>
    </div>
  );
}

export default Card;