如何避免在react.js中按下按钮时打开所有弹出窗口？

import React, { useState } from 'react';

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

  // ...

  return (
    <div>
      {/* 按钮 */}
      <button onClick={() => setPopupOpen(true)}>打开弹出窗口</button>

      {/* 弹出窗口 */}
      {isPopupOpen && (
        <div>
          {/* 弹出窗口内容 */}
          <p>这是弹出窗口的内容</p>
          <button onClick={() => setPopupOpen(false)}>关闭弹出窗口</button>
        </div>
      )}
    </div>
  );
}