Reactjs 如何在Useffect挂钩内写入firebase？

这是我的代码：

 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.您可以在特定文件中写入初始化代码，然后将其导出

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,
});