React Native 導入或包含 JS 文件

Question

如果我有超過 300 個功能組件文件需要導入一個名為“main.js”的文件中，而不是像這樣添加 300 行導入：

從“./pages/C1”導入 C1；

.

.

.

從“./pages/C300”導入 C300；

我想把這 300 個導入放在一個名為“myImports.js”的外部文件中，然后在“main.js”中包含/導入這個“myImports.js”

Answer 1

或者，您可以做更好的方法是創建一個新文件夾，如components並將所有 300 個文件放入其中並在其中創建新文件，名稱如index.js並復制下面的代碼，如

import C1 from "./pages/C1";
.
.
import C300 from "./pages/C300";

export {
  C1,C2,...C300
};

您的組件文件夾結構如

> components
    ----- C1.js
    ----- C2.js
    .
    .
    ----- C300.js
    ----- index.js // new file create here

用法如

import { C300 } from "./components";