Komponenten dynamisch importieren in React (2)
Importiere Komponenten dynamisch mithilfe von @loadable/components
22. Juli 2020
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} />;
});
}
Kommentare