index.js

import React, { useState } from 'react'
import { Spin } from 'antd'
import baseConnect from '../../store/models/baseConfig/connect'
import './index.scss'

const Component = ({ url, baseConfig }) => {
    const [loading, setLoading] = useState(true)

    return (
        <div className="iframe-box">
            {loading && <div className="iframe-loading"><Spin /></div>}
            <iframe onLoad={() => setLoading(false)} title={url} src={baseConfig.other?.host + url + '#commo'} className="iframe" />
        </div>
    )
}

export default baseConnect(Component)