使用ReactJS弹出窗口，我如何让它一次只显示一个弹出窗口？

import React, { useState } from 'react';

function App() {
  const [isPopupOpen, setPopupOpen] = useState(false);

  // ...
}

function App() {
  const [isPopupOpen, setPopupOpen] = useState(false);

  const openPopup = () => {
    setPopupOpen(true);
  };

  return (
    <div>
      <button onClick={openPopup}>打开弹出窗口</button>
      {isPopupOpen && <PopupComponent />}
    </div>
  );
}

function PopupComponent() {
  const closePopup = () => {
    setPopupOpen(false);
  };

  return (
    <div className="popup">
      <h2>弹出窗口内容</h2>
      <button onClick={closePopup}>关闭</button>
    </div>
  );
}