导入许多组件

Question

正如你在我的app.js文件下面看到的那样，由于网站im编码包含大量组件，文件的导入部分压倒性地有很多行，作为Reactjs的新手我想问一下是否有一种使用更少代码导入所有组件的更好、更专业的方法。谢谢

import Navbar from "./components/navbar/Navbar";
import Home from "./pages/Home";
import Socials from "./pages/Socials";
import ToolsServices from "./pages/ToolsServices";
import Marketplace from "./pages/Marketplace";
import NotFound from "./pages/NotFound";
import Locations from "./pages/Locations";
import CryptoIndex from "./pages/CryptoIndex";
import AllContextProviders from "./store/AllContextProviders";

Answer 1

其实我觉得这很普遍。我不知道你用的是什么 IDE 而我用的 IDE WebStorm 允许程序员折叠这些“导入行”。

Answer 2

以这种方式进行多次导入是很常见的。一般来说，在我合作过的团队中，我们会尝试按字母顺序排列它，并将从 node-modules 导入与从 src 文件导入分开。

导入许多组件

Importing many components

javascript

import

components

reactjs