Reactjs 正在初始化React或React本机应用程序的Firebase

Reactjs 正在初始化React或React本机应用程序的Firebase,reactjs,firebase,react-native,Reactjs,Firebase,React Native,将Firebase添加到React(常规或本机)应用程序时。更好的做法是什么: 要在组件内部使用componentDidMount(例如App.js) 或 要创建firebaseConfig常量,然后在组件外部调用firebase.initializeApp(firebaseConfig) const firebaseConfig = { apiKey: "YOUR-API-KEY", authDomain: "YOUR-PROJECT.firebaseapp.com",

将Firebase添加到React(常规或本机)应用程序时。更好的做法是什么:

  • 要在组件内部使用
    componentDidMount
    (例如
    App.js

  • 要创建
    firebaseConfig
    常量,然后在组件外部调用
    firebase.initializeApp(firebaseConfig)

     const firebaseConfig = {
       apiKey: "YOUR-API-KEY",
       authDomain: "YOUR-PROJECT.firebaseapp.com",
       databaseURL: "https://YOUR-PROJECT.firebaseio.com",
       projectId: "YOUR-PROJECT",
       storageBucket: "YOUR-PROJECT.appspot.com",
       messagingSenderId: "000000000000"
     }
    
     firebase.initializeApp(firebaseConfig)
    

此外,使用上述任何一种方法是否会对性能产生影响?

我认为无论哪种方法,您都会很好,就像React中的大多数事情一样,这是一种偏好。 根据调用同一函数的方式,我看不出性能有什么不同

编辑:事实上,会有不同。您将在每次安装组件时重新配置,而不是只安装一次

 const firebaseConfig = {
   apiKey: "YOUR-API-KEY",
   authDomain: "YOUR-PROJECT.firebaseapp.com",
   databaseURL: "https://YOUR-PROJECT.firebaseio.com",
   projectId: "YOUR-PROJECT",
   storageBucket: "YOUR-PROJECT.appspot.com",
   messagingSenderId: "000000000000"
 }

 firebase.initializeApp(firebaseConfig)