export function asyncComponent (importComponent) {
class AsyncComponent extends React.Component {
constructor (props) {
super(props);
this.state = {
component: null
};
}
componentDidMount () {
importComponent()
.then(cmp => {
this.setState({ component: cmp.default });
});
}
render () {
const C = this.state.component;
return C ? <C {...this.props} /> : null;
}
}
return AsyncComponent;
}
按需引入封装的组件
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 按需引入elementUi组件的方法 1.安装elementUi组件库 2.安装 babel-plugin-com...
- 1、在package.json同级目录下目录下创建一个index.js文件import conHeader fro...
- 在之前最好是备份APP.JS里面的东西 因为不知道为什么会改变APP.JS里面的东西 1,在 命令行输入 vue ...
- 组件库的按需引用可以精简项目资源大小，提升项目性能。目前使用广泛的组件库，如element、iview、antd等...
- 今天是星期天，早上六点半才慢慢地起床。本来打算运动，可是小宝也起来了。所以运动这项先略过吧。小宝要画画，我...
