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

Question

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

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

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

Answer 1

如果您在大多数屏幕中创建相同类型的 View ，则创建一个单独的组件，并通过根据 View 管理的要求更改其属性来在所有屏幕中重用它。

它将有助于减少您的代码，并帮助您为大部分代码导入更少的模块。

例如，如果我们必须在异步任务上显示加载程序，那么我们必须在模态视图中显示事件指示器，然后我们必须导入模态、 View 和事件指示器。

如果我们创建一个组件，我们将其命名为 AppLoader，我们只需一次创建一个加载器并导入它，并通过简单地管理应用程序代码中各处的状态来显示加载器。

它将帮助我们减少相同的代码。