我如何在 useEffect 挂钩中写入我的 Firebase？

【问题标题】：How do i write into my firebase inside useEffect hook?我如何在 useEffect 挂钩中写入我的 Firebase？
【发布时间】：2021-06-18 19:07:18
【问题描述】：

这是我的代码：

 useEffect(() => {
    var firebaseConfig = {
      apiKey: "AIzaSyCn1Sm8P-pgmsHe-n3iLD52LMk0ovTk2J0",
      authDomain: "silkymarket-6036a.firebaseapp.com",
      projectId: "silkymarket-6036a",
      storageBucket: "silkymarket-6036a.appspot.com",
      messagingSenderId: "463420618338",
      appId: "1:463420618338:web:e817961bc3a14c4ca8c33b",
      measurementId: "G-Q1K9YCB91M",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    initializer.database().ref("users/0401").set({
      name: "dennos karuga",
      age: 21,
    });
  }, []);

似乎 firebase 没有正确初始化，因为它需要某种异步函数，当我想从给定的 api url 获取时，我可以执行异步函数，但是当我使用 firebase 时我不知道该怎么做。请帮忙

【问题讨论】：

标签： reactjs firebase use-effect

【解决方案1】：

您可以按照以下方法：

1.您可以将初始化代码写入特定文件中，然后将其导出。

firebase.js

 import * as firebase from 'firebase'

 const firebaseConfig = {
      apiKey: "AIzaSyCn1Sm8P-pgmsHe-n3iLD52LMk0ovTk2J0",
      authDomain: "silkymarket-6036a.firebaseapp.com",
      projectId: "silkymarket-6036a",
      storageBucket: "silkymarket-6036a.appspot.com",
      messagingSenderId: "463420618338",
      appId: "1:463420618338:web:e817961bc3a14c4ca8c33b",
      measurementId: "G-Q1K9YCB91M",
    };   // Initialize Firebase   firebase.initializeApp(firebaseConfig);

  export default firebase;

2.现在您可以在项目中随时使用它，如下所示，

import firebase from './firebase';

firebase.database().ref("users/0401").set({
  name: "dennos karuga",
  age: 21,
});

【讨论】：