javascript - 如何将所有导入的模块存储在一个文件中

Question

我正在开发一个带有 native react 的应用程序，并且我在不同的页面上有很多导入的模块。大多数导入的模块在每个页面上都是相同的，例如:

import { Text, View, Image } from 'react-native';

我在很多页面上都使用它。我想知道是否有一种方法可以将这样的模块存储在一个页面上并从我想要的任何页面调用它们。

Answer 1

如果您在大多数屏幕中创建相同类型的 View ，则创建一个单独的组件并通过更改其 Prop 作为 View 管理的要求在所有屏幕中重用它。
这将有助于减少您的代码并帮助您为大部分代码导入更少的模块。
例如，如果我们必须在异步任务上显示加载器，那么我们必须在模态视图中显示事件指示器，然后我们必须导入模态、 View 和事件指示器。
如果我们创建一个组件，我们将其命名为 AppLoader，我们只需要一次创建一个加载器并导入它并通过简单地在我们的应用程序代码中管理一个状态来显示加载器。
它将帮助我们减少相同的代码。