按需引入封装的组件


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;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容