feat: use React.lazy for loading components (#158)

This commit is contained in:
Antoine Chalifour
2019-10-05 20:13:36 +02:00
committed by Juan Picado @jotadeveloper
parent f1f8f8ae3f
commit a365ec548a
2 changed files with 5 additions and 40 deletions

View File

@@ -1,34 +0,0 @@
import React, { ComponentClass } from 'react';
export function asyncComponent(getComponent): ComponentClass {
return class AsyncComponent extends React.Component {
public static Component = null;
public state = { Component: AsyncComponent.Component };
public componentDidMount(): void {
const { Component } = this.state;
if (!Component) {
getComponent()
.then(({ default: Component }) => {
AsyncComponent.Component = Component;
/* eslint react/no-did-mount-set-state:0 */
this.setState({ Component });
})
.catch(err => {
console.error(err);
});
}
}
public render(): JSX.Element | null {
const { Component } = this.state;
if (Component) {
// eslint-disable-next-line verdaccio/jsx-spread
// @ts-ignore
return <Component {...this.props} />;
}
return null;
}
};
}