Firebase不是构造函数错误(使用firebase with react)

时间:2016-08-03 09:25:59

标签: reactjs firebase firebase-realtime-database

我第一次使用firebase并且坚持了2天。看了几个像stackoverflow上的例子,但没有任何效果。

我的firebase版本是3.4.2。

     pushData(){

    var Firebase = require("firebase");
    var ref = new Firebase(" https://differentdatara.firebaseio.com");
    var usersRef = ref.child("fish1");
    usersRef.set({
        alanisawesome: {
            date_of_birth: "June 23, 1912",
            full_name: "Alan Turing"
        },
        gracehop: {
            date_of_birth: "December 9, 1906",
            full_name: "Grace Hopper"
        }
    });

}

当我运行代码时,它给了我“Firebase不是构造函数”。

也尝试使用componentWillMount,但没有任何效果。 我试试这个

     componentWillMount(){
    console.log('yesdoneit');
    var Firebase = require("firebase");
    this.FirebaseRef = new Firebase(" https://passwordsaves-11b33.firebaseio.com");
       }

1 个答案:

答案 0 :(得分:4)

正如here所写:

  

在新的SDK中,您不再通过新的Firebase实例化数据库引用。相反,您将通过firebase.initializeApp()初始化SDK:

<强> BEFORE

var ref = new Firebase("https://databaseName.firebaseio.com");

<强> AFTER:

var config = {
  apiKey: "apiKey",
  authDomain: "projectId.firebaseapp.com",
  databaseURL: "https://databaseName.firebaseio.com"
};

firebase.initializeApp(config);

var rootRef = firebase.database().ref();

因为你的firebase版本是3.4.2,你必须像之后部分一样。