Apabila menggunakan Firebase dalam React, patutkah getAuth getStorage getFirestore dsb. dipanggil sekali dan diluluskan atau bolehkah ia dipanggil dalam setiap komponen?

Question

Jika saya memerlukan hasil penggunaan const db = getFirestore() 或 const auth = getAuth(app) dsb. dalam berbilang komponen, saya harus:

1. Tulis semula baris ini dalam setiap komponen bila-bila masa saya perlukan const db = getFirestore() 或 const auth = getAuth(app) dll, atau

2. Hanya panggil mereka di peringkat atas komponen Apl dan kemudian hantarkannya sebagai prop kepada komponen kanak-kanak untuk mengelakkan berbilang panggilan?

Saya rasa pilihan 1 lebih mudah untuk dikodkan, tetapi boleh mengakibatkan penalti prestasi. Apakah cara yang betul untuk melakukan ini dalam pengekodan React/Firebase?

Answer 1

getFirestore(...)、getAuth(...) dan panggilan serupa ialah panggilan tempatan mudah yang memulakan beberapa objek asas daripada konfigurasi. Tidak ada salahnya memanggil mereka di beberapa tempat.

Makanya, saya syorkan untuk menghantar app kepada mereka semua, atau tidak, tidak seperti yang dilakukan oleh kod dalam soalan anda sekarang.

Jadi sama ada dapatkan semua perkhidmatan daripada apl lalai:

const db = getFirestore();
const auth = getAuth();

atau Dapatkan semua kandungan daripada apl tertentu:

const db = getFirestore(app);
const auth = getAuth(app);

Tetapi bukan gabungan ini.