将所有必需的 react-native 组件导入到单个文件中，然后将其导出

Question

不是在每个 reactnative 的“.js”文件中编写以下代码，是否可以将其写入单个文件并导出它，以便我可以通过导入这个文件（包含我需要使用的所有组件）

import React from 'react';

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

现在不是在 page1.js、page2.js、page3.js 中编写上面的代码，我如何将它写在一个名为“comp.js”的文件中并从那里导出，这样我只需要导入page1.js、page2.js 和 page3.js 文件中的 comp.js

Answer 1

这是可能的，但我建议为该文件夹使用 index.js 而不是 comp.js

在一个文件夹中，你可以创建 index.js 并在该文件夹中导入所有相关的 js，这样你就可以很容易地导入

例如：我有一个名为 Components 的文件夹

1. 在文件夹Components中创建index.js
2. 导入和导出文件

import comp1 from './comp1'
import comp2 from './comp2'
import comp3 from './comp3'

export { comp1, comp2, comp3 }

1. 导入文件夹而不是每个文件，只选择需要的文件import { comp1, comp2 } from '../Components'