在 React/React Native 中配置包答案

【问题标题】：Configuring a package in React/React Native在 React/React Native 中配置包
【发布时间】：2019-03-06 17:19:26
【问题描述】：

我们如何在React（一般）中配置包。

在 NodeJS 中，我们有单例，因此我们可以创建一个外部文件，例如 (./firebase-config.js)，然后将其导入我们的主 Index.js 文件（我们节点应用程序的起点）。

到目前为止，我习惯于在 Index.html 中配置它，但现在我使用的是 react-native 它没有 DOM，所以我不能把我的配置放在那里。

将index.js 或app.js（考虑到其中 index.js 是根目录，app.js 是具有所有其他子项的直系子项）从我的配置文件夹./src/config/flamelink.js 获取，这是我的配置

import * as firebase from 'firebase';
import flamelink from 'flamelink';

const firebaseConfig = {
  apiKey: '<your-api-key>', // required
  authDomain: '<your-auth-domain>', // required
  databaseURL: '<your-database-url>', // required
  projectId: '<your-project-id>', // required
  storageBucket: '<your-storage-bucket-code>', // required
  messagingSenderId: '<your-messenger-id>' // optional
};

const firebaseApp = firebase.initializeApp(firebaseConfig);

const app = flamelink({ firebaseApp });

问题：我应该在哪里导入它来配置它？还是 React-native 会像 node 一样工作，并且只需导入，事情就可以工作？

【问题讨论】：

标签： javascript reactjs react-native

【解决方案1】：

是的，你可以将你的配置放在firebase-config.js 中，它可能看起来像

const firebaseConfig = {
  apiKey: '<your-api-key>', // required
  authDomain: '<your-auth-domain>', // required
  databaseURL: '<your-database-url>', // required
  projectId: '<your-project-id>', // required
  storageBucket: '<your-storage-bucket-code>', // required
  messagingSenderId: '<your-messenger-id>' // optional
};
export default firebaseConfig;

然后做

import firebaseConfig from './firebase-config';

代码中的其他地方。

【讨论】：