组件按需加载
首页 > >    作者:lininn   2019年6月13日 14:51 星期四   热度:462°   百度已收录  
时间:2019-6-13 14:51   热度:462° 
import React, { Component } from 'react'
export default function asyncComponent(importComponent) {
    class AsyncComponent extends Component {
        constructor(props) {
            super(props)

            this.state = {
                component: null
            }
        }

        async componentDidMount() {
            const { default: component } = await importComponent()

            this.setState({
                component: component
            })
        }

        render() {
            const C = this.state.component

            return C ? <C {...this.props} /> : null
        }
    }

    return AsyncComponent
}

AsyncComponent(()=>import("./index"))

二维码加载中...
本文作者:lininn      文章标题: 组件按需加载
本文地址:?post=350
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn