React Nativeはエクスポート前にAsyncStorageを待機します

Question

AsyncStorageからのユーザ設定の優先順位に応じて、2つのFirebase環境のいずれかを初期化する必要があります。私はFirebaseデータベースを設定するために使用しているjavascriptファイルからスニペットを持っていますが、明確にわかるように、待っている呼び出しで構文エラーが発生します。

firebaseシンボルをエクスポートするには、適切なinitializeApp呼び出しが行われた後でなければなりません。

おかげで、

レッド

---

import firebase from 'firebase'; 
import { AsyncStorage } from 'react-native'; 
import { FIREBASE_CONFIG, FIREBASE_CONFIG_DEMO, DATA_ENVIRONMENT_STORAGE_KEY } from '../../../shared/env'; 


async function initializeFirebase() 
{ 
    value = await AsyncStorage.getItem(DATA_ENVIRONMENT_STORAGE_KEY); 
    if ((value == null) || (value == 'live')) 
     firebase.initializeApp(FIREBASE_CONFIG); 
    if (value == 'demo') 
     firebase.initializeApp(FIREBASE_CONFIG_DEMO); 
} 
await initializeFirebase(); 

export var db = firebase.database(); 
export default firebase; 

Answer 1

私が理解することは、あなたがしたい、正しい場合firebaseを初期化することで、その後、DBの参照を作成し、それをエクスポートします。

これを試してみてください：

initializeFirebase.js

import firebase from 'firebase'; 
import { AsyncStorage } from 'react-native'; 
import { 
    FIREBASE_CONFIG, 
    FIREBASE_CONFIG_DEMO, 
    DATA_ENVIRONMENT_STORAGE_KEY 
} from '../../../shared/env'; 

async function initializeFirebase() { 
    const value = await AsyncStorage.getItem(DATA_ENVIRONMENT_STORAGE_KEY); 

    let firebaseConfig = null; 
    if ((value === null) || (value === 'live')) { 
     firebaseConfig = FIREBASE_CONFIG; 
    } else if (value === 'demo') { 
     firebaseConfig = FIREBASE_CONFIG_DEMO; 
    } 

    if (firebaseConfig !== null) { 
     await firebase.initializeApp(firebaseConfig); 
     return firebase.database(); 
    } 
} 

export default initializeFirebase; 

---

someOtherFile.js

import initializeFirebase from './initializeFirebase.js'; 

async someOtherFunction() { 
    // ...  

    const database = await initializeFirebase(); 

    // ... do something with 'database' 
}