在react中关闭模式窗口

import React, { useState } from 'react';

function MyComponent() {
  const [showModal, setShowModal] = useState(false);

  // 其他组件代码...

  return (
    <div>
      {/* 模态窗口内容 */}
      {showModal && (
        <div className="modal">
          <div className="modal-content">
            <h2>模态窗口标题</h2>
            <p>模态窗口内容</p>
            <button onClick={() => setShowModal(false)}>关闭</button>
          </div>
        </div>
      )}

      {/* 触发打开模态窗口的按钮 */}
      <button onClick={() => setShowModal(true)}>打开模态窗口</button>
    </div>
  );
}

export default MyComponent;