react 楼层按需加载 @loadable/component

发布时间：2020-12-15 20:33:24 所属栏目：百科来源：网络整理

导读：import * as React from ‘react‘ ;import loadable from ‘@loadable/component‘ ;export default (name: string,data) = { const AsyncPage = loadable(() = import(`../floor/${name}`)); return class extends React.Componentany { public render() {

import * as React from ‘react‘;

import loadable from ‘@loadable/component‘;

export default (name: string,data) => {
    const AsyncPage = loadable(() => import(`../floor/${name}`));

    return class extends React.Component<any> {
        public render() {
            return (
                <AsyncPage {...data} />
            );
        }
    };
};

注意: 使用懒加载的楼层，不能通过其它的形式引入到页面了,否则会导致拆分失败

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!