ReactでFirebaseを使用する場合、getAuth getStorage getFirestoreなどは一度呼び出して渡すべきでしょうか、それともコンポーネントごとに呼び出すことができるのでしょうか？

Question

複数のコンポーネントで const db = getFirestore() または const auth = getAuth(app) などを使用した結果が必要な場合は、次のようにする必要があります。

1. 必要に応じて、各コンポーネントのこれらの行を

   const db = getFirestore() または const auth = getAuth(app) など、または に書き換えます。

2. 複数の呼び出しを避けるために、App コンポーネントのトップレベルでのみ呼び出して、小道具として子コンポーネントに渡しますか?

オプション 1 の方がコーディングは簡単だと思いますが、パフォーマンスが低下する可能性があります。 React/Firebaseコーディングでこれを行う正しい方法は何ですか?

Answer 1

getFirestore(...)、getAuth(...) および同様の呼び出しは、構成からいくつかの基本オブジェクトを初期化する単純なローカル呼び出しです。複数の場所で呼び出しても問題はありません。

そうは言っても、質問のコードが現在行っていることとは異なり、app をすべてに渡すか、何も渡さないことをお勧めします。

したがって、デフォルトのアプリケーションからすべてのサービスを取得します:

リーリー

または 指定されたアプリケーションからすべてのコンテンツを取得します:

リーリー

ただし、これらを組み合わせたものではありません。