text: import { Modal, Button } from 'antd';
  
  export default class App extends React.Component {
    state = {
      ModalText: 'Content of the modal',
      visible: false,
      confirmLoading: false,
    }
  
    showModal = () => {
      this.setState({
        visible: true,
      });
    }
  
    handleOk = () => {
      this.setState({
        ModalText: 'The modal will be closed after two seconds',
        confirmLoading: true,
      });
      setTimeout(() => {
        this.setState({
          visible: false,
          confirmLoading: false,
        });
      }, 2000);
    }
  
    handleCancel = () => {
      console.log('Clicked cancel button');
      this.setState({
        visible: false,
      });
    }
  
    render() {
      const { visible, confirmLoading, ModalText } = this.state;
      return (
        <div>
        <audio id="alarm_sound" src='http://www.gpsonline.cn/view/assets/data/sys_msg_alarm.mp3' loop  preload="auto" />
          <Button type="primary" onClick={this.showModal}>
            Open Modal with async logic
          </Button>
          <Modal
            width="50vw"
            title="Title"
            visible={visible}
            onOk={this.handleOk}
            confirmLoading={confirmLoading}
            onCancel={this.handleCancel}
          >
            <p>{ModalText}</p>
          </Modal>
        </div>
      );
    }
  }