React에서 Firebase를 사용할 때 getAuth getStorage getFirestore 등을 한 번 호출하고 전달해야 하나요, 아니면 모든 구성 요소에서 호출할 수 있나요?

Question

여러 구성 요소에서 const db = getFirestore() 或 const auth = getAuth(app) 등을 사용한 결과가 필요한 경우 다음을 수행해야 합니다.

1. 필요할 때마다 const db = getFirestore() 或 const auth = getAuth(app) 등이 필요할 때마다 모든 구성 요소에서 이 줄을 다시 작성하거나

2. App 구성 요소의 최상위 수준에서만 호출한 다음 여러 호출을 피하기 위해 하위 구성 요소에 props로 전달하시겠습니까?

옵션 1이 코딩하기는 더 쉽지만 성능이 저하될 수 있다고 생각합니다. React/Firebase 코딩에서 이를 수행하는 올바른 방법은 무엇입니까?

Answer 1

getFirestore(...)、getAuth(...) 및 유사한 호출은 구성에서 일부 기본 개체를 초기화하는 간단한 로컬 호출입니다. 여러 곳에서 전화해도 아무런 해가 없습니다.

즉, 귀하의 질문에 있는 코드가 현재 수행하는 것과는 달리 app를 모두 전달하거나 전혀 전달하지 않는 것이 좋습니다.

그러면 기본 앱에서 모든 서비스를 받으세요:

으아아아

또는 특정 앱에서 모든 콘텐츠 가져오기:

으아아아

그러나 이것들을 혼합하면 안 됩니다.