Komponenten dynamisch importieren in React (2)

22. Juli 2020

Importiere Komponenten dynamisch mithilfe von @loadable/components

In meinem letzten Beitrag habe ich einen Weg gezeigt, wie wir in React Komponenten dynamisch importieren können. Ich bin in der Zwischenzeit auf ein sehr nettes Package gestoßen, @loadable/components. Das kannst du hier finden: https://github.com/gregberge/loadable-components. Damit kannst du unseren kompletten useEffect Hook weglassen und Komponenten innerhalb deines Loops mit einer Zeile importieren:

{content.components.map((component) => {
    const Wrapper = loadable(() => import(`../components/${component.name}`), {
		fallback: <Loader />,
	});

    return (
        <Wrapper {...component.props}/>
    );
})}
zurück zu allen Beiträgen