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等...
- 今天是星期天,早上六点半才慢慢地起床。本来打算运动,可是小宝也起来了。所以运动这项先略过吧。小宝要画画,我...