Lors de l'utilisation de Firebase dans React, getAuth getStorage getFirestore etc. doit-il être appelé une fois et transmis ou peuvent-ils être appelés dans chaque composant ?

Question

Si j'ai besoin du résultat de l'utilisation de const db = getFirestore() 或 const auth = getAuth(app) etc. dans plusieurs composants, je devrais :

1. Réécrivez ces lignes dans chaque composant chaque fois que j'en ai besoin const db = getFirestore() 或 const auth = getAuth(app) etc, ou

2. Appelez-les uniquement au niveau supérieur du composant App, puis transmettez-les comme accessoires aux composants enfants pour éviter plusieurs appels ?

Je pense que l'option 1 est plus facile à coder, mais peut entraîner une pénalité de performances. Quelle est la bonne façon de procéder dans le codage React/Firebase ?

Answer 1

getFirestore(...)、getAuth(...) et les appels similaires sont de simples appels locaux qui initialisent certains objets de base de la configuration. Il n'y a aucun mal à les appeler à plusieurs endroits.

Cela dit, je recommande de transmettre app à tous, ou à aucun, contrairement à ce que fait actuellement le code de votre question.

Soit obtenez tous les services de l'application par défaut :

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

ou Obtenez tout le contenu des applications spécifiées :

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

Mais pas un mélange de ceux-ci.