无法使用 React js 将数据推送到 Google Firebase答案

【问题标题】：Can not push data to google firebase with react js无法使用 React js 将数据推送到 Google Firebase
【发布时间】：2016-09-24 19:43:04
【问题描述】：

我正在使用 ReactJS（带有 ECMA6）和 Google Firebase@3.0.3 和 ReactFire@0.4.0 作为中间件，但我无法将数据推送到 firebase

import ReactFire from 'reactfire';
import Firebase from 'firebase';
let config = {
  apiKey: "apiKey",
  authDomain: "projectId.firebaseapp.com",
  databaseURL: "https://databaseName.firebaseio.com"
};
Firebase.initializeApp(config);

说到这里：

componentWillMount() {
    let ref = Firebase.database().ref('/items');
    ReactFire.bindAsObject(ref, 'items');
  }

它给了我'firebaseRef.ref 不是函数'

【问题讨论】：

你在哪里打电话firebaseRef.ref？
你没有打电话给firebaseRef.ref
我没有打电话给firebaseRef.ref。我不能再进一步了，因为它给了我这个错误：Uncaught TypeError: firebaseRef.ref is not a function
下一步应该是什么，因为我找不到任何解决方案或文档
请注意当前版本的 ReactFire (v1.0.0) 不适用于 ES6，因为它是一个 mixin。 github.com/firebase/reactfire/issues/38

标签： javascript reactjs firebase ecmascript-6 reactfire

【解决方案1】：

我也遇到了同样的问题，所以我做了一个

npm install reactfire@ firebase@ --save

在管理员模式和 tada 中，错误消失了。我的 firebase 版本：^3.3.0 & reactfire 版本：^1.0.0

【讨论】：

【解决方案2】：

我找到了一个不同的解决方案，没有使用 Reactfire，但只是来自源的参考：https://firebase.google.com/docs/reference/js/firebase.database.Reference，

所以从 Google Firebase 初始化应用后，需要有一个 auth，首先应该在 firebase 应用中指定一个简单的电子邮件和密码，然后：

Firebase.auth().signInWithEmailAndPassword("email", "password").then(function (data) {

});

然后根据参考，我可以向 firebase 数据库添加/更新/删除数据

Firebase.database().ref('/items').push(
          {
            text: this.state.text,
            done: false
          }
        );

【讨论】：