hm-react-cli/template/app/src/components/Modal.js

Create a Huimei React project by module

import { Modal, Button } from 'antd';
import { useState } from 'react';

export default function () {
    const [visible, setVisible] = useState(false);

    function showModal() {
        setVisible(true);
    }
    function handleOk() {
        console.log('点击了确定');
        setVisible(false);
    }
    function handleCancel(e) {
        console.log(e);
        setVisible(false);
    }

    return (
        <div>
            <Button type="primary" onClick={showModal}>
                显示对话框
            </Button>
            <Modal title="第一个 Modal" visible={visible} onOk={handleOk} onCancel={handleCancel}>
                <p>对话框的内容</p>
                <p>对话框的内容</p>
                <p>对话框的内容</p>
            </Modal>
        </div>
    );
}