我如何在 useEffect 钩子中写入我的 firebase?

时间:2021-03-22 05:54:59

标签: reactjs firebase use-effect

这是我的代码:

 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 时,我不知道该怎么做。请帮忙

1 个答案:

答案 0 :(得分: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,
});