Logo

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

« Alle Beiträge