我希望显示自定义对话框,如iphone HUD进度条

window.open('https://www.example.com', '_blank', 'noopener,noreferrer');

import React, { useState } from 'react';

function CustomDialog() {
  const [isOpen, setIsOpen] = useState(false);
  const [message, setMessage] = useState('');

  const handleClose = () => {
    setIsOpen(false);
  };

  const handleOpen = () => {
    setIsOpen(true);
  };

  const handleSendMessage = () => {
    setMessage('');
  };

  return (
    <div>
      <button onClick={handleOpen}>Open Dialog</button>
      {isOpen && (
        <div>
          <h2>Custom Dialog</h2>
          <p>{message}</p>
          <button onClick={handleSendMessage}>Send Message</button>
          <button onClick={handleClose}>Close</button>
        </div>
      )}
    </div>
  );
}

export default CustomDialog;