js reactjs 写一个popup

以下是一个简单的React Popup组件示例：

import React, { useState } from 'react';

const Popup = ({ isOpen, onClose, children }) => {
  const [isClosing, setIsClosing] = useState(false);

  const handleClose = () => {
    setIsClosing(true);
    setTimeout(() => {
      setIsClosing(false);
      onClose();
    }, 300);
  };

  return (
    <>
      {isOpen && (
        <div className={`popup ${isClosing ? 'closing' : ''}`}>
          <div className="overlay" onClick={handleClose}></div>
          <div className="content">{children}</div>
        </div>
      )}
    </>
  );
};

export default Popup;

使用该组件时，需要传递isOpen、onClose和children属性。isOpen用于控制Popup是否显示，onClose是一个回调函数，用于关闭Popup，children是Popup显示的内容。

具体的CSS样式可根据自己的需求进行修改