不能访问'ref'在react初始化之前

Question

我已经尝试将Firebase集成到我的应用程序中我进口:

import { getDatabase, ref, onValue, set, push, child, remove } from 'firebase/database';
import {initializeFirebase} from './Firebase';

，在render中调用getDatabase。getDatabase是:

getDatabase =  () => {
const db = getDatabase();
const ref = ref(db, "data/")
}

我遇到了这个问题"ReferenceError:在初始化之前无法访问"ref"。为什么我错了，我应该如何修复，谢谢

Answer 1

试试这个:

import { initializeApp } from 'firebase/app';
const app = initializeApp({});
getDatabaseFunc =  () => {
const db = getDatabase();
const ref = ref(db, "data/")
}

将主函数的名称更改为getDatabaseFunc或其他与getDatabase()不同的名称，以防止重写