Javascript是否将多个组件作为组导入？

我正在做一个reactjs项目，创建了许多组件，然后将它们导入到其他组件中

目前，如果我想导入5个组件，我需要这样做：

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';

所以，如果我有50个组件，并且需要全部使用它们，那么需要50行导入

---

是否有创建组件组并导入它们的方法，或者有更好的方法将大量组件导入页面？

您可以创建一个文件，只需像这样重新导出所有组件：

// 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
};

在您的应用程序代码中：

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

---

要添加组件，只需更改

index.js

即可直接添加组件，只需导出：

export {default as AcceptanceOptions} from './AcceptanceEnum';
export * from './AcceptanceEnum';

第一个导出默认值，第二个导出所有剩余值

要在组件中导入它们，请执行以下操作：

import { AcceptanceEnum, AcceptanceOptions} from "../../Enums/index";
import * as enums from "../../Enums/index"

第一个选项只导入验收，第二个选项导入index.js/ts文件中包含的所有导出