在React中单击按钮以呈现弹出窗口？

import React, { useState } from 'react';

function MyComponent() {
  const [isModalOpen, setIsModalOpen] = useState(false);

  // ...
}

function MyComponent() {
  const [isModalOpen, setIsModalOpen] = useState(false);

  const handleButtonClick = () => {
    setIsModalOpen(true);
  };

  return (
    <div>
      <button onClick={handleButtonClick}>点击我</button>
      {isModalOpen && <ModalComponent />}
    </div>
  );
}

function ModalComponent() {
  const closeModal = () => {
    setIsModalOpen(false);
  };

  return (
    <div className="modal">
      <div className="modal-content">
        <h2>弹出窗口标题</h2>
        <p>弹出窗口内容</p>
        <button onClick={closeModal}>关闭</button>
      </div>
    </div>
  );
}