Sollten getAuth, getStorage, getFirestore usw. bei der Verwendung von Firebase in React einmal aufgerufen und übergeben werden, oder können sie in jeder Komponente aufgerufen werden?

Question

Wenn ich das Ergebnis der Verwendung von const db = getFirestore() 或 const auth = getAuth(app) usw. in mehreren Komponenten benötige, sollte ich:

1. Schreiben Sie diese Zeilen in jeder Komponente neu, wann immer ich const db = getFirestore() 或 const auth = getAuth(app) usw. oder

   brauche

2. Nur auf der obersten Ebene der App-Komponente aufrufen und sie dann als Requisiten an untergeordnete Komponenten übergeben, um Mehrfachaufrufe zu vermeiden?

Ich bin der Meinung, dass Option 1 einfacher zu programmieren ist, aber möglicherweise zu Leistungseinbußen führt. Was ist der richtige Weg, dies in der React/Firebase-Codierung zu tun?

Answer 1

getFirestore(...)、getAuth(...) 和类似的调用都是简单的本地调用，它们从配置中初始化一些基本对象。在多个地方调用它们并没有什么坏处。

也就是说，我建议将 app 传递给所有这些人，或者不传递给任何人，这与您问题中的代码现在所做的不同。

因此，要么从默认应用程序获取所有服务：

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

或从指定应用获取所有内容：

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

但不是这些的混合。