我的根firebase配置代码在一个名为FirebaseConfig.js的文件中。我想能够从容器组件中访问配置在那里的数据,在整个应用程序中配置特定于所述子组件的子引用。
FirebaseConfig.js
import React, { Component } from 'react';
import * as firebase from 'firebase';
class FirebaseConfig extends Component {
render() {
const config = {...
};
firebase.initializeApp(config);
// INIT DB REFERENCE
const db = firebase.database();
const dbRef = db.ref();
// INIT STORAGE REFERENCE
const storage = firebase.storage();
const storageRef = storage.ref();
console.log("FB INIT'D with STORAGE REF: " + storageRef);
return FirebaseConfig;
}
}
export default FirebaseConfig;
文件结构
src
|__App.js
|__index.js
|__FirebaseConfig.js
|__ /Home
|__ Home.js
|__ HomeContainer.js //Want to access Config var's here
这个Firebase应用程序是否可以进行如此配置,如果可以的话 - 这是一个好的模式吗?