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

Create a Huimei React project by module

import { Spin, Switch, Alert } from 'antd';
import { useState } from 'react';

export default function () {
    const [loading, setLoading] = useState(false);

    const container = (
        <Alert
            message="消息提示的文案"
            description="消息提示的辅助性文字介绍消息提示的辅助性文字介绍消息提示的辅助性文字介绍"
            type="info"
        />
    );
    return (
        <div>
            <Spin spinning={loading}>{container}</Spin>
            切换加载状态：
            <Switch checked={loading} onChange={setLoading} />
        </div>
    );
}