JavaScript ReactJs Importowanie wielu komponentów jako grupy możliwe? - javascript, reactjs

Pracuję nad projektem reactjs i tworzeniem wielu komponentów, które następnie importuję do innych komponentów.

W tej chwili, jeśli chcę zaimportować 5 komponentów, muszę to zrobić:

import C1 from "./components/Component1";
import C2 from "./components/Component2";
import C3 from "./components/Component3";
import C4 from "./components/Component4";
import C5 from "./components/Component5";

Tak więc, gdybym miał 50 komponentów i potrzebowałam ich wszystkich, potrzebowałbym 50 linii importu.

Czy istnieje mimo to tworzenie grup składników i ich importowanie lub lepszy sposób importowania partii komponentów na stronę?

Odpowiedzi:

Możesz utworzyć plik, który po prostu ponownie wyeksportuje wszystkie komponenty takie jak to:

// components/index.js
import C1 from "./components/Component1";
import C2 from "./components/Component2";
import C3 from "./components/Component3";
import C4 from "./components/Component4";
import C5 from "./components/Component5";

export {
C1,
C2,
C3,
C4,
C5
};

Oraz w kodzie aplikacji:

import * as Components from "./components";
Components.C1

Aby dodać komponenty, wystarczy zmienić index.js